elementUI中el-select中传入的值options里没有咋办?

1,044 阅读1分钟

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"
			}
		]