antd-desgin-vue中a-tree-select下拉选择@change事件传递自定义的参数

可参考文章:(33条消息) antd-desgin-vue下拉选择change事件传递自定义的参数_vue 每次下拉选中内容发生改变后 传值_恰好有你的博客-CSDN博客

<a-tree-select
                v-show="treeDatas[index] && treeDatas[index].length>0"
                :getPopupContainer="(triggerNode) => triggerNode.parentNode"
                :replace-fields="{ key: 'key', value: 'id' }"
                @change="(value, label, extra) => {menuIdsChange(value, label, extra, index);}"
                v-model="menuIds[index]"
                style="width: 100%"
                :tree-data="treeDatas[index]"
                tree-checkable
                :show-checked-strategy="SHOW_ALL"
                search-placeholder="请选择"
                placeholder="请选择菜单"
              />

 methods中:

    // treeSelect改变触发该函数
    // 同时使用value、label、extra 和 index 四个参数注意参数写法
    menuIdsChange(value, label, extra, index) {
      let that = this
      console.log('this.menuIds[index]', this.menuIds[index])
      debugger
      let parentId = extra.triggerNode.$options.parent.$vnode.data.props.id
      if( this.menuIds){
        // 看父元素是否已在menuIds中

      }

    },

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

几个高兴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值