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屋！