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"">
<label>名前: </label>
<b-フォーム入力
プレースホルダー="名前"
type="テキスト"
クラス= "d-inline-block"
v-model="名前"
v-on:change="changeFilter()"
/>
</b-form-group>
</b-col>
<b-col md="3"">
<label>性別: </label>
</b-col>
</b-row></pre>
<p>入力値と選択された値を取得するための <code>メソッド</code>があります。
<pre class="brush:php;toolbar:false;">メソッド: {
ChangeFilter() {
console.log(この名前、この性別)
}、
},</pre>
<p>ここでページをリロードしたいのですが、入力ボックスまたは選択ボックスには選択した値が表示されたままです。私を助けてください。ありがとうございます</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
わかりました。最初の良い習慣は、クリック イベントで cangeFilter() を使用するのではなく、changeFilter を使用することです。つまり、私の理解が正しければ、ページをリロードしても同じ値が選択されたままになりたいということになります。機密データではない場合は、この値をローカル ストレージに保存できます。
ローカルストレージ情報 データをローカル ストレージに保存する
リーリーデータを取得します(データを初期化するにはマウントされたようなライフサイクルフックを使用する必要があります)
リーリーHTML入力フォームの値