久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

16
2024/08

分享一個(gè)vue屬性偵聽的基礎(chǔ)實(shí)例

發(fā)布時(shí)間:2024-08-16 14:09:47
發(fā)布者:神棍子
瀏覽量:
0

屬性偵聽是Vue非常強(qiáng)大的功能之一。使用屬性偵聽可以方便的監(jiān)聽某個(gè)屬性的變化,已完成復(fù)雜的業(yè)務(wù)邏輯。如自動(dòng)關(guān)聯(lián)推薦詞,這種場(chǎng)景就非常適合使用監(jiān)聽器來實(shí)現(xiàn)。

在Vue中,可以通過watch選項(xiàng)來定義屬性偵聽器。

Watch的基本語法如下:

watch: {

    被監(jiān)聽的數(shù)據(jù): {

        handler(數(shù)據(jù)改變后的值, 數(shù)據(jù)改變之前的值) {

             相關(guān)代碼邏輯...

        }

    }

}

首先在頁面中寫一個(gè)input輸入框,綁定一個(gè)名為searchText的變量。

dom中的結(jié)構(gòu)

接著在watch中對(duì)其進(jìn)行操作,

js進(jìn)行屬性偵聽

可以看到當(dāng)輸入文本超過十個(gè)字符的時(shí)候,就會(huì)有警告框彈出。

實(shí)現(xiàn)效果

從一些特性上看,屬性偵聽器與計(jì)算屬性有類似的應(yīng)用場(chǎng)景,使用計(jì)算屬性的set方法也可以實(shí)現(xiàn)與上面代碼類似的功能。


關(guān)鍵詞:
返回列表