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

文档: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.js特性:渐进式技术栈 轻量级的框架 双向数据绑定 指令 插件化 Vue实例书写模板: 访问Vue实例的属...
    猫晓封浪阅读 1,388评论 0 0
  • 一、了解Vue.js 1.1.1 Vue.js是什么? 简单小巧、渐进式、功能强大的技术栈 1.1.2 为什么学习...
    蔡华鹏阅读 3,411评论 0 3
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,268评论 0 6
  • select 选择器是个比较复杂的组件了,通过不同的配置可以有多种用法。有必要单独学习学习。 整体结构 以下是 s...
    VioletJack阅读 4,548评论 0 0
  • 经常做噩梦 有次尖叫把舍友吓到 很多事讲不出来 身边满满的负能量 所以 我心理问题很严重 一个心里有疾病的人 看不...
    梦中有你的样子阅读 176评论 3 2