今天遇到一个需求是这样子的
在tab页之间来回切换的时候,select组件选择要重置,不能记住当前所选值,大脑一时短路,居然想了用ref操作,可惜还是解决不了,网上说了很多,无一可用,下面我自己用了一个最简单的方法,仅供参考:
<a-select id="select" v-model="value" class="table-select" defaultValue="全部卡券" @change="list">
<a-select-option v-for="item in messageType" :key="item.id" :value="item.id">
{{ item.name }}
</a-select-option>
</a-select>
callback(key) {
this.current = 1
this.current2 = 1
this.isUsable = key
this.nameDicItemId = ''
this.value = '全部卡券'
this.cardQueryFun()
},
双向绑定一个value就行了,等于你的初始值,这样就相当于还原了