一：應(yīng)用場景
在回顯下拉框的時(shí)候已經(jīng)查詢了所有的信息，為了避免再根據(jù)下拉框選中獲取的id在重新查找一次數(shù)據(jù)鳞贷。
二：回顯代碼部分
<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是我們查詢出來的下拉框展示的信息某宪。
三：方法實(shí)現(xiàn)部分
changeTest(name) {
let obj = {};
obj = this.testOptions.find((item) => { // 這里的testOptions就是上面遍歷的測試源
return item.name === name;// 篩選出匹配數(shù)據(jù)
});
console.log('全部數(shù)據(jù)', obj)
}
補(bǔ)充一下方法中的name參數(shù)與遍歷時(shí):value后面的參數(shù)一致即可
上文中的obj就是我們獲取到的選中記錄的全部信息妓美，如果需要什么可以直接獲取码撰。
