如何更改 VueJS 中的选定选项？

Question

<el-select @change="store(types)" v-model="types" placeholder="Select">
                        <el-option 
                            v-for="t in types"
                            :label="t.name"
                            :value="t"
                            >
                            </el-option>

我正在使用存储方法将所选选项保存到本地存储：

 store(value){

        var name = value.name;
        var selected = localStorage.setItem('plan', name); // String
    },

当我刷新页面或返回此页面时，我希望拥有之前选择的所选选项。我怎样才能用 VueJS 做到这一点？

Answer 1

您需要从 localStorage 获取存储的值并在 created() 钩子中设置它

created () {
    this.types = localStorage.getItem('plan')
}

有关钩子的更多信息， https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

如何更改 VueJS 中的选定选项？

how to change selected option in VueJS?

javascript

select

save

vue.js

vuejs2