在el-select遠程搜索中會有個回顯問題
就是明明傳入了綁定值但是卻會顯示不出來
解決代碼如下
<el-select
v-model="ruleForm.selectId"
filterable
remote
ref="select"
clearable
reserve-keyword
placeholder="請輸入問卷名稱/id進行搜索"
:remote-method="search">
<el-option
v-for="item in options"
:key="item.id"
:label="item.title"
:value="item.id">
</el-option>
</el-select>
在數(shù)據(jù)初始化的時候?qū)@取到的數(shù)據(jù)做進一步的處理,進行本地select組件的一個添加
this.$refs.select.cachedOptions.push({
currentLabel: currentTitle, // 當(dāng)前綁定的數(shù)據(jù)的label
currentValue: currentId, // 當(dāng)前綁定數(shù)據(jù)的value
label: currentTitle, // 當(dāng)前綁定的數(shù)據(jù)的label
value: currentId // 當(dāng)前綁定數(shù)據(jù)的value
})
單選的同上