关于iview Select下拉框的可输入可下拉选择框的使用小坑
最近在写一个vue+iview的项目,遇见的问题,我选中了下拉框的值,但是再去点下拉框的时候就只剩刚才选中的数据了,我觉着应该是插件把刚才选中的数据当做的搜索条件,所以目前所做的操作就是在进行添加和编辑操作的时候手动把这个值给赋为空值。见代码:模板代码,filterable属性是让下拉框可输入可下拉。<FormItem label="你好" prop="
·
最近在写一个vue+iview的项目,遇见的问题,我选中了下拉框的值,但是再去点下拉框的时候就只剩刚才选中的数据了,我觉着应该是插件把刚才选中的数据当做的搜索条件,所以目前所做的操作就是在进行添加和编辑操作的时候手动把这个值给赋为空值。
见代码:模板代码,filterable属性是让下拉框可输入可下拉。
<FormItem label="你好" prop="hello"> <Select v-model="hello.world" ref="setSelect" filterable > <Option v-for="item in nameList" :value="item.id" :key="item.index" >{{ item.name}}</Option> </Select> </FormItem>
js代码:
我是在添加按钮事件里进行的操作
//$refs['setSelect']对应的是select的ref
let query = this.$refs['setSelect'].$data.query; if (query) { //赋值为空 this.$refs['setSelect'].$data.query = '' }
这样再次打开的时候就是全部的数据内容了。
更多推荐
已为社区贡献3条内容
所有评论(0)