1. 程式人生 > >Vue 使用van-search和監聽@Watch實現搜尋

Vue 使用van-search和監聽@Watch實現搜尋

van-search:在輸入框輸入資料,當在PC端點選回車開始搜尋,在手機端點選輸入法中的搜尋開始搜尋,

@Watch:主要用於當點選取消或刪除輸入框中的資料監聽資料的變化

.vue

<van-search

v-model="keywordSubordinate"

placeholder="請輸入搜尋關鍵詞"

@search="querySubordinateList"

/>

 

.ts

private keywordSubordinate = "";

@Watch("keywordSubordinate")

onkeywordSubordinateChanged(newVal: string, oldVal: string) {

if (!newVal || newVal === "") {   //當輸入框為空時

this.querySubordinateList();

}

}

private querySubordinateList() {

}