Vue.js에서 세션 값 입력을 설정하는 방법

Question

저는 Vue.js의 表单过滤器：

<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>

내게는 모두methods来获取输入和选择的值：

메서드: {
  변경필터() {
    console.log(this.name, this.gender)
  },
},

现이 我想输入框或选择框仍然显示我选择的值。请帮帮我。谢谢

Answer 1

알겠습니다. 첫 번째 좋은 방법은 클릭 이벤트에 cangeFilter()를 사용하는 것이 아니라 ChangeFilter를 사용하는 것입니다. 따라서 제가 이해한 내용이 맞다면 페이지를 다시 로드하고 동일한 값을 선택하고 싶을 것입니다. 민감한 데이터가 아닌 경우 이 값을 로컬 저장소에 저장할 수 있습니다.

로컬 저장소 정보 로컬 저장소에 데이터 저장

으아악

데이터 가져오기(데이터를 초기화하려면 마운트된 것과 같은 수명 주기 후크를 사용해야 함)

으아악

HTML 입력 양식의 값