element 的 el-cascader 组件获取级联选中label和value值

• 前端

1. 多选时 获取 cascader 级联选择器的 label 值

        需要给 el-cascader 加 ref 用以获取值

element 的 el-cascader 组件获取级联选中label和value值

       
// 级联选择器


        
        

        
// 方法

         handleChange() {
           const textArr = [];
           const arr = this.$refs["refCascader"].getCheckedNodes();
           arr.forEach((i) => {
             textArr.push(i.pathLabels);
           });
           console.log(textArr);
         },

 获取后的样式

element 的 el-cascader 组件获取级联选中label和value值

2. 单选时获取 cascader 级联选择器的值 

   
// element 级联选择器

      
        
        
      


// methods 方法


    handleChange(a) {
      const areaTextArr = [];
      const arr = this.$refs["refCascader"].getCheckedNodes()[0].pathNodes;
      arr.forEach((i) => {
        areaTextArr.push(i.label);
      });
      console.log(areaTextArr);
    },

element 的 el-cascader 组件获取级联选中label和value值

element 的 el-cascader 组件获取级联选中label和value值

 

 

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/be00574bc5.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐