84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我有一个Vue.js的表单过滤器：
姓名： 性别：
我有一个methods来获取输入和选择的值：
methods
methods: { changeFilter() { console.log(this.name, this.gender) }, },
现在我想重新加载页面，但输入框或选择框仍然显示我选择的值。请帮帮我。谢谢
好的，所以第一个好的做法是不要在点击事件中使用cangeFilter()，而是使用changeFilter。所以如果我理解你的意思正确，你想重新加载页面，并且仍然保持相同的值被选中。你可以将这个值保存在本地存储中，假设它不是敏感数据。
本地存储信息保存数据在本地存储中
localStorage.setItem('gender', 'Male');
获取数据（你需要使用像mounted这样的生命周期钩子来初始化数据）
mounted() { this.gender = localStorage.getItem('gender') || '你的默认值'; }
HTML输入表单中的值
好的，所以第一个好的做法是不要在点击事件中使用cangeFilter()，而是使用changeFilter。所以如果我理解你的意思正确，你想重新加载页面，并且仍然保持相同的值被选中。你可以将这个值保存在本地存储中，假设它不是敏感数据。
本地存储信息保存数据在本地存储中
localStorage.setItem('gender', 'Male');获取数据（你需要使用像mounted这样的生命周期钩子来初始化数据）
mounted() { this.gender = localStorage.getItem('gender') || '你的默认值'; }HTML输入表单中的值