<p>我有一个Vue.js的表单过滤器：</p> <pre class="brush:php;toolbar:false;">&lt;b-row&gt; &lt;b-col md=&quot;3&quot;&gt; &lt;b-form-group&gt; &lt;label&gt;姓名：&lt;/label&gt; &lt;b-form-input placeholder=&quot;姓名&quot; type=&quot;text&quot; class=&quot;d-inline-block&quot; v-model=&quot;name&quot; v-on:change=&quot;changeFilter()&quot; /&gt; &lt;/b-form-group&gt; &lt;/b-col&gt; &lt;b-col md=&quot;3&quot;&gt; &lt;label&gt;性别：&lt;/label&gt; &lt;v-select :options=&quot;genderOptions&quot; class=&quot;w-100&quot; v-model=&quot;gender&quot; v-on:change=&quot;changeFilter()&quot; /&gt; &lt;/b-col&gt; &lt;/b-row&gt;</pre> <p>我有一个<code>methods</code>来获取输入和选择的值：</p> <pre class="brush:php;toolbar:false;">methods: { changeFilter() { console.log(this.name, this.gender) }, },</pre> <p>现在我想重新加载页面，但输入框或选择框仍然显示我选择的值。请帮帮我。谢谢</p>

localStorage.setItem('gender', 'Male');

mounted() {
   this.gender = localStorage.getItem('gender') || '你的默认值';
}


<b-form-input
            placeholder="Name"
            type="text"
            class="d-inline-block"
            v-model="gender"
            v-on:change="changeFilter"
            :value="gender"
          />