el-select中如果使用下拉选择会导致只能选择已有的项,无法自己输入,以下是解决办法:
<el-select
v-model="loginMsg.account"
filterable
remote
reserve-keyword
@change.native="selectBlur"
@blur.native="selectBlur"
placeholder="请输入账号"
:remote-method="remoteMethod"
>
<el-option
v-for="item in options"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
selectBlur(e){
Vue.set(this.loginMsg,"account",e.target.value)
},
这里应该用 Vue.set 而不用
this.saveWardForm.wardCode = e.target.value
(网上都用这个)
这样才能双向绑定数据与视图,否则输入框值视图下会被清空。