Javascript 如何更改VueJS中的选定选项?
当我刷新页面或返回此页面时,我希望选择先前选择的选项。我如何使用VueJS实现这一点 您需要从localStorage获取存储的值,并在created()hook中进行设置 有关挂钩的更多信息,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
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')
}