Vue.js에서 세션 값 입력을 설정하는 방법
P粉147045274
2023-08-25 21:15:59
<p>저는 Vue.js의 表单过滤器：</p>
<pre class="brush:php;toolbar:false;"><b-row>
<b-col md="3">
<b-form-group>
<label>이름:</label>
<b-양식 입력
placeholder="이름"
유형="텍스트"
클래스="d-인라인-블록"
v-model="이름"
v-on:change="changeFilter()"
/>
</b-form-group>
</b-col>
<b-col md="3">
<label>性别：</label>
<v-선택
:옵션="성별옵션"
클래스="w-100"
v-model="성별"
v-on:change="changeFilter()"
/>
</b-col>
</b-row></pre>
<p>내게는 모두<code>methods</code>来获取输入和选择的值：</p>
<pre class="brush:php;toolbar:false;">메서드: {
변경필터() {
console.log(this.name, this.gender)
},
},</pre>
<p>现이 我想输入框或选择框仍然显示我选择的值。请帮帮我。谢谢</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
알겠습니다. 첫 번째 좋은 방법은 클릭 이벤트에 cangeFilter()를 사용하는 것이 아니라 ChangeFilter를 사용하는 것입니다. 따라서 제가 이해한 내용이 맞다면 페이지를 다시 로드하고 동일한 값을 선택하고 싶을 것입니다. 민감한 데이터가 아닌 경우 이 값을 로컬 저장소에 저장할 수 있습니다.
로컬 저장소 정보 로컬 저장소에 데이터 저장
으아악데이터 가져오기(데이터를 초기화하려면 마운트된 것과 같은 수명 주기 후크를 사용해야 함)
으아악HTML 입력 양식의 값