我正在制作一個串列網站，在串列頁面中我有兩個部分，一個是搜索表單，另一個是串列。
搜索表單最初是隱藏的，點擊過濾器圖示后，將出現搜索表單，
一切正常，但問題是，例如我輸入要搜索的關鍵字，然后點擊搜索按鈕，然后串列來了。此后，我再次單擊過濾器圖示，然后清除搜索表單，我的意思是關鍵字欄位是空的。我怎樣才能防止重置
我的搜索表單組件就像
<div v-if="content_filter">
<Filters
:identity="identity"
:main_category="main_category_id"
:category="category_id"
/>
</div>
<div v-if="content_listing">
here comes listing
</div>
我的搜索過濾器圖示操作來顯示和隱藏就像
openFilter() {
console.log(this.content_filter);
if(this.content_filter==true) {
this.progress=false;
this.content=true;
this.content_filter=false;
this.content_listing=true;
} else {
this.progress=false;
this.content=true;
this.content_filter=true;
this.content_listing=false;
}
}
我只是隱藏并顯示過濾器，然后它正在重置值？？
uj5u.com熱心網友回復：
v-if當條件為假時卸載子項。如果子狀態包含一個表單，它將在每個v-if條件切換時重置。
為了在v-if條件更改之間保留過濾器狀態，keyword應該移動到父級并通過Filters雙向系結傳遞給，例如v-model.
另一種方法是不卸載Filters而是使其不可見。這是通過v-show指令實作的。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/353957.html
標籤：Vue.js
下一篇：css網格中的影像擬合