亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Vue使用watch同時監(jiān)聽多個值的實現方法示例

 更新時間：2023年05月31日 09:16:37   作者：灰太狼的情與殤  
這篇文章主要為大家介紹了Vue中使用watch同時監(jiān)聽多個值的實現方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

正文

開發(fā)環(huán)境 vue2

電腦系統 windows11專業(yè)版

在使用vue開發(fā)的過程中,我們有時候需要使用到監(jiān)聽watch來獲取對應的數據,接下來讓我們看一下使用方法和同時監(jiān)聽多個值的

使用方法

廢話不多說,直接上代碼:

watch:{
    "tempUrl"(newValue,oldValue){
            console.log("我是監(jiān)聽的新數據",newValue);
            console.log("我是監(jiān)聽的舊數據",oldValue);
        }
}

 這種寫法能監(jiān)聽多數據的變化,現在感覺是沒有問題的

//當我需要監(jiān)聽多個值變化的時候
watch:{
"tempUrl"(newValue,oldValue){
    console.log("我是監(jiān)聽的新數據",newValue);
    console.log("我是監(jiān)聽的舊數據",oldValue);
 },
"tagNameLists"(newValue,oldValue){
    console.log("我是視頻標簽顯示新數據",newValue);
    console.log("我是視頻標簽顯示舊數據",oldValue);
    // this.getRdata(newValue);
 }
}

 //只觸發(fā)了第一個監(jiān)聽的數據變化,第二個數據變化沒有監(jiān)聽多,怎么解決呢?

使用computed

computed:{
        dataChange () {
            const {tempUrl, tagNameLists} = this;
            return {tempUrl, tagNameLists};
        }
    }
watch:{
        dataChange:{
            handler(newValue,oldValue) {
                console.log("監(jiān)聽到了數據的變化",newValue);
            },
            deep: true
        }
    },

 這樣就實現了監(jiān)聽多個數據變化

本期的分享到了這里就結束啦,希望對你有所幫助,讓我們一起努力走向巔峰。

以上就是Vue使用watch同時監(jiān)聽多個值的實現方法示例的詳細內容，更多關于Vue中 watch監(jiān)聽多值的資料請關注腳本之家其它相關文章！

相關文章

最新評論