vue+element-ui获取select的label和value

有俩种方案:
1、可以通过对option里value 属性的赋值,得到想要的结果值(适用于多选和单选,多选则在 中添加multiple,可以参看element官网);
代码如下:

let selectionOption = [{
			value: 1,
			label: '中国'
	},{
			value: 2,
			label: '美国'
	},{
			value: 3,
			label: '英国'
	},{
			value: 4,
			label: '澳大利亚'
	}];
	

         
        
      


2、option里:value 没有赋值为对象时,(也就是这样赋值:value="item.value"而不是:value="item"时,不理解看上面注释),也可以在change方法中得到选中的对象;
1)多选情况:

 handleChange(val) {
         let resultArr= this.reasonTypes.filter((ele,index,arr)=>{
                return val.some(item=>{return item===ele.value});
              });
      },

2)单选情况:

handleChange(val) {
       let resultArr= this.reasonTypes.filter((ele,index,arr)=>{
              return ele.value === val
          });
          //这个方法得到的是数组对象,例如:[{
                        value: 2,
                        label: '美国'
                    }]
      },
      
handleChange(val) {
       let resultArr = this.reasonTypes.find((item)=>{
                  return item.value === val;
                });
          //这个方法得到的是对象,例如:{
                        value: 2,
                        label: '美国'
                    }
      },

你可能感兴趣的:(ElementUI,Element,vue,label,value)