在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ element-ui的el-cascader怎么樣可以同時獲取到選中的value

element-ui的el-cascader怎么樣可以同時獲取到選中的value和label?

使用el-cascader的時候@active-item-change觸發(fā)的handleItemChange方法貌似只能夠獲取到綁定到value上的值,如我把code綁定在value,選擇北京的時候獲取到的是 [10000]。
有沒有什么方法可以同時獲取到props里綁定的label和value?

 <el-cascader  class="newinput" :options="options" @active-item-change="handleItemChange" :props="props"></el-cascader>

export default {
name: 'app',
  data(){
      return{
      options: [{
          name: '北京',
          code:10000
          children: []
        }, {
          name: '天津',
          code:10001
          children: []
        },
        {
          name: '河北省',
          code:10002
          children: []
        }
        ]
       ,
        props: {
          label:'name',
          value:'code',
          children: 'children'
        },
      }
  },
  methods:{
     handleItemChange(val) {
        console.log(val);
    }
  }
}
回答
編輯回答
無標(biāo)題

今天剛剛寫了 也是地區(qū)三級聯(lián)動 我是拿到地區(qū)值后遍歷全部地區(qū) 然后取到地區(qū)名

2018年6月19日 08:46
編輯回答
陌顏

可以拿到velue值之后進行遍歷options,拿到對應(yīng)的label值

2017年8月14日 08:46
編輯回答
愛礙唉

建議獲取數(shù)據(jù)之后在構(gòu)造一個自定義的value:{label:'北京',code:10000}

2018年3月23日 18:14
編輯回答
扯不斷

直接使用props配置就可以了啊

2017年11月5日 23:42