Vue ,elementUI,dropdown组件中command方法添加额外参数的方法


Vue ,elementUI,dropdown组件中command方法添加额外参数的方法

我们在使用dropdown组件的时候,需要的参数可能很多,不仅仅是command一个参数。这就需要构造一个结构了。

<el-dropdown @command="handleCommand">

<el-dropdown-menu slot="dropdown">

<template v-for="item in items">

     <el-dropdown-item v-for="it in item " :command="composeValue(it,scope.row)"/>

</template>

</el-dropdown-menu>

</el-dropdown>

方法部分的处理:

methods: {

    handleCommand(command) {

      console.log(command)

    },

    composeValue(item, row) {

      return {

        'button': item,

        'row': row

      }

    }



作者:些许青丝
链接:https://www.jianshu.com/p/b86e79ca9382
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM