一般情況下el-select只做選擇使用,但也有場景,沒有選項時可手動輸入值進行保存。只需給其加一個blur的方法,用法如下:
頁面代碼:
<el-select v-model="form.sex" placeholder="" filterable @blur="selectBlur"> <el-option v-for="(item, index) in sexOptions" :label="item.name" :value="item.code" :key="index" ></el-option> </el-select>
js代碼:
methods: { selectBlur(e){ this.form.code= e.target.value } }
上述演示的代碼是沒有問題的,但數據存儲是有問題的,因為其code不是同一種類型的值,需根據實際情況進行調整。