Vue-select下拉框组件清空选值

作者: 扁扁的汤圆 | 来源:发表于2019-07-05 14:14 被阅读0次

文档：https://vue-select.org/api/props.html#placeholder
这个问题搞得头大，新增成功后，这个下拉框老清空不了，还是要看文档啊，在这里记录下

<v-select 
label="name" 
:options="advertisers" 
v-model="form.advertiser_id" 
:reduce="name => name.id" 
ref="ad">              
 </v-select>

直接用this.form.advertiser_id = '' 清空是不行的，找了很多资料还不如看文档来的快
在组件中加入ref="ad"
在对应的js中在清空的位置调用clearSelection方法即可

this.$refs.ad.clearSelection();

Vue-select下拉框组件清空选值
文档：https://vue-select.org/api/props.html#placeholder这个问题搞...
vue-select实现multiselect效果
记录下用vue-select组件实现多选框，分享给大家，也好做个备忘。查看原文 vue-select github...
iview select的v-model具有延迟性
我发现我的select，每次触发获取的值都是上一次的值组件代码组件注册代码其实就是做一个下拉框，onchan...
vue-select
11111111111111111111111 vue-select源码仓库：源码仓库 vue-select下载地...
【layui】修复 multiSelect 多选插件选值后直接点
在使用 layui 推荐的扩展组件 multiSelect 的过程，发现的问题，在下拉选好值后点下拉框以外的地方会...
Select下拉框内容被百度编辑器UEditor挡住的解决办法
当下拉框组件太靠近UEditor编辑器组件时候，下拉框会被覆盖掉，如下图：解决办法将下拉框放到一个div中，该...
ant design vue 清空a-time-picker和a
a-time-picker清空值 a-date-picke清空值 a-range-picker清空值
下拉框组件
1.下拉框组件组件UI展示: 2.组件调用 html代码： js代码：
如何封装一个vue v-model语法糖
此项目基于element-ui，意在封装可创建目录的下拉框，返回数组形式的值主页面子组件model-select...
vue组件目录
1.基本table组件 2.下拉框组件 3.分页组件 4.弹窗分页查询组件

网友评论

本文标题：Vue-select下拉框组件清空选值

本文链接：https://www.haomeiwen.com/subject/iutehctx.html

Vue-select下拉框组件清空选值