屬性偵聽是Vue非常強大的功能之一。使用屬性偵聽可以方便的監聽某個屬性的變化,已完成復雜的業務邏輯。如自動關聯推薦詞,這種場景就非常適合使用監聽器來實現。
在Vue中,可以通過watch選項來定義屬性偵聽器。
Watch的基本語法如下:
watch: {
被監聽的數據: {
handler(數據改變后的值, 數據改變之前的值) {
相關代碼邏輯...
}
}
}
首先在頁面中寫一個input輸入框,綁定一個名為searchText的變量。

接著在watch中對其進行操作,

可以看到當輸入文本超過十個字符的時候,就會有警告框彈出。

從一些特性上看,屬性偵聽器與計算屬性有類似的應用場景,使用計算屬性的set方法也可以實現與上面代碼類似的功能。
上一篇: 如何設計B端表格?(二)
下一篇: 9個超實用B端表格設計小貼士



