Element的el-cascader级联选择器组件获取选中的label

Element的el-cascader级联选择器组件获取选中的label_第1张图片

例如上图,需要拿到新疆/乌鲁木齐市的值



给el-cascader组件设置ref为cascaderAddr

设置change事件handleAreaChange

在handleAreaChange事件使用ref属性获取选中的值

handleAreaChange(val){
      console.log(val)
      this.$refs['cascaderAddr'].getCheckedNodes()[0].pathLabels
      console.log(this.$refs['cascaderAddr'].getCheckedNodes()[0].pathLabels)
 },

handleAreaChange携带的val参数,获取的json数据中label的value,我们需要的是label
Element的el-cascader级联选择器组件获取选中的label_第2张图片
而this.$refs[‘cascaderAddr’].getCheckedNodes()[0].pathLabels获取的就是label的内容

Element的el-cascader级联选择器组件获取选中的label_第3张图片
若有疑问,可留言!
如有帮助,可给请作者的一杯咖啡添砖加瓦:
Element的el-cascader级联选择器组件获取选中的label_第4张图片

你可能感兴趣的:(Vue.js)