html5 - Vue 下拉框选择值后刷新不改变
本文介绍了html5 - Vue 下拉框选择值后刷新不改变的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<select class="sel">
<option @click="checkOption">离职-随时到岗</option>
<option @click="checkOption">在职-月内到岗</option>
<option @click="checkOption">在职-考虑机会</option>
<option @click="checkOption">在职-暂不考虑</option>
</select>
下拉框选择值后刷新不改变,结合localStorage要怎么做???
老铁们,帮忙看看>_< 给点代码提示
解决方案
<select class="sel" v-model="a" @change="checkOption">
<option>离职-随时到岗</option>
<option>在职-月内到岗</option>
<option>在职-考虑机会</option>
<option>在职-暂不考虑</option>
</select>
data() {
let a = localStorage.getItem('a') || '';
return {
a: a
}
},
methods() {
checkOption() {
localStorage.setItem('a', this.a);
}
}
这篇关于html5 - Vue 下拉框选择值后刷新不改变的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文