Javascript 如何更改VueJS中的选定选项?

Javascript 如何更改VueJS中的选定选项?,javascript,select,save,vuejs2,vue.js,Javascript,Select,Save,Vuejs2,Vue.js,当我刷新页面或返回此页面时,我希望选择先前选择的选项。我如何使用VueJS实现这一点 您需要从localStorage获取存储的值,并在created()hook中进行设置 有关挂钩的更多信息, el select不是一个标准元素,请您在这里向大家介绍一下,您能创建一个小提琴吗?这只是一个自定义选择。我在本地存储中只有1个值。。一旦我存储了该值,我如何使用它将其作为一个选中的选项?您可以在created()中执行this.types.push({'name':localStorage.getIt

当我刷新页面或返回此页面时,我希望选择先前选择的选项。我如何使用VueJS实现这一点

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

有关挂钩的更多信息,

el select
不是一个标准元素,请您在这里向大家介绍一下,您能创建一个小提琴吗?这只是一个自定义选择。我在本地存储中只有1个值。。一旦我存储了该值,我如何使用它将其作为一个选中的选项?您可以在
created()
中执行
this.types.push({'name':localStorage.getItem('plan')})
。谢谢。一旦我有了这个,问题是如何在下次打开页面时自动选择它。基本上这就是整个问题所在。我希望localstorage中存储的值成为我下次打开页面时选择的选项。如果代码位于
created
hook中,则下次打开页面时代码应自动运行。其工作方式如下:
this.types=localstorage.getItem('plan')
感谢您的帮助
<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
    },
created () {
    this.types = localStorage.getItem('plan')
}