微信小程序vant-search獲取不到輸入的搜索內容踩坑

照常回歸的數據雙向綁定給搜索輸入框綁定一個動態的“value”變量，來獲取作為參數向后發出請求，但是在這里，debugger之后顯示的是value沒有獲取到輸入的內容：

template里面的代碼：

<view class="ser-box" :style="style">
            <van-search v-model="value" :focus="theFocus" custom-class="inp" placeholder="請輸入搜索關鍵詞" show-action @cancel="onCancel()" @search="onSearch()" />
        </view>

 

     onSearch() {
            console.log(this.value);
            debugger
            this.listdata = [];
            this.toSearch();
            this.totalPages = 0;
            this.pageNumber = 1;
            this.saveHistory(this.value);
        },

　　

輸入“1”進行查找：

我們可以看到這里的‘value’值是空的：

查了一下，這里的問題是因為vant組件在使用的時候，數據不會自動同步到變量值中，這就需要增加一個change事件手動將輸入內容賦值給”value“：

 

 

 

 打斷點檢查一下值附上了：

 

 這種情況在其他有輸入的組件下應該也會出現這種問題