Vue 下拉框选择值后刷新不改变

Question

      <select class="sel">
            <option @click="checkOption">离职-随时到岗</option>
            <option @click="checkOption">在职-月内到岗</option>
            <option @click="checkOption">在职-考虑机会</option>
            <option @click="checkOption">在职-暂不考虑</option>
        </select>

下拉框选择值后刷新不改变,结合localStorage要怎么做？？？
老铁们，帮忙看看>_< 给点代码提示

Answer 1

<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);
    }
}

Answer 2

<select class="sel" v-model="a">

<option @click="checkOption" value="1">离职-随时到岗</option>
<option @click="checkOption" value="2">在职-月内到岗</option>
<option @click="checkOption" value="3">在职-考虑机会</option>
<option @click="checkOption" value="4">在职-暂不考虑</option>

</select>
创建一个变量a在将a存入localStorage，刷新时候在将 localStorage赋值给a