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

【问题标题】：how to change selected option in VueJS?如何更改 VueJS 中的选定选项？
【发布时间】：2017-07-05 11:58:58
【问题描述】：

<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 将所选选项保存到本地存储：

 store(value){

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

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

【问题讨论】：

el-select 不是标准元素，这里给大家介绍一下，你能自己造一个吗？
这只是一个使用element.eleme.io的自定义选择。

标签： javascript select save vuejs2 vue.js

【解决方案1】：

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

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

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

【讨论】：

我在本地存储中只有 1 个值。一旦我存储了该值，我该如何使用它来使其成为选定选项？
你会在created()中做this.types.push({'name': localStorage.getItem('plan')})。
谢谢。一旦我有了这个，问题是我如何在下次打开页面时自动选择它。基本上这是整个问题。我希望 localstorage 中存储的值成为我下次打开页面时选择的选项。
如果代码在created钩子里，下次打开页面时代码应该会自动运行。
它是这样工作的：this.types = localStorage.getItem('plan') 谢谢你的帮助