第一种方法
//通过select上的**change**事件传递value值,根据value遍历下来列表
<select v-model="afforestType" placeholder="请选择绿化类型" clearable @change="tal">
<option
v-for="item in typeList"
:key="item.value"
:label="item.label"
:value="item.value"
></eoption>
</select>
tabl(val) {
let obj = {};
this.options.map(item => {
item.id == val && ( obj = item) //用到了js里的运算符号 && 前面为true时返回后面的值
});
this.ruleForm.artistName = obj.name;
},
第二种方法
tabl(val) {
let obj = {};
obj = this.options.find(item => {
return item.id === val;
});
this.ruleForm.artistName = obj.name;
}