a-tree-select ドロップダウン選択 antd-desgin-vue の @change イベントはカスタム パラメーターを渡します

記事を参照できます: (33 メッセージ) Antd-desgin-vue ドロップダウン選択変更イベントはカスタム パラメーターを渡します_vue はドロップダウン選択の内容が変更されるたびに値を渡します_Just have your blog-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="请选择菜单"
              />

 メソッド:

    // 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中

      }

    },