一：应用场景
在回显下拉框的时候已经查询了所有的信息，为了避免再根据下拉框选中获取的id在重新查找一次数据。
二：回显代码部分
<el-form-item label="测试源" prop="topName">
<el-select
v-model="testForm.dsId"
class="filter-item"
placeholder="请选择测试源名称"
style="width:100%"
@change="changeTest"
>
<el-option
v-for="item in testOptions"
:label="item.name"
:key="item.id"
:value="item.name"/>
</el-select>
其中的testOptions是我们查询出来的下拉框展示的信息。
三：方法实现部分
changeTest(name) {
let obj = {};
obj = this.testOptions.find((item) => { // 这里的testOptions就是上面遍历的测试源
return item.name === name;// 筛选出匹配数据
});
console.log('全部数据', obj)
}
补充一下方法中的name参数与遍历时:value后面的参数一致即可
上文中的obj就是我们获取到的选中记录的全部信息，如果需要什么可以直接获取。
