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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/duanzhenzhen/p/11084078.html

评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页