el-select里通常有通过v-model绑定数据, 有时候会因为数据错乱导致传入v-model的值不在options列表中, 这个时候可以选择将这个值给置空
此时
- el-select里通过v-model绑定this.value.mediumId
- 账户编辑的情景,点击编辑会弹窗,里面会传值过去
//编辑框组件内部mounted周期
getChargeList('').then(res => {
this.chargeData = res
//这里是通过接口获取options,数据在下面
if(!this.value.mediumId) return
//上面杜绝新建账户时,这个值本来就是空的情况,新建到这就出去了
let list = []
this.chargeData.forEach(item=>{
list.push(item.id)
})
//将id们弄成数组
if(list.indexOf(this.value.mediumId)<0){
this.value.mediumId = ''
}
//判断右没有在这个数组,没有就说明是个坏东西,置空
})
[
{
"name":"3424234",
"id":"1273928848047603712"
},
{
"name":"\u6731\u91D1\u73B2",
"id":"1164377634843394048"
},
{
"name":"\u91D1\u57CE\u6B66",
"id":"1212692688982245376"
},
{
"name":"\u6D4B\u8BD5\u5458\u5DE52",
"id":"1268830400424181760"
}
]