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

这个问题搞得头大，新增成功后 ，这个下拉框老清空不了，还是要看文档啊，在这里记录下

代码语言：javascript复制

<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方法即可

代码语言：javascript复制

this.$refs.ad.clearSelection();

form ref

0 人点赞