Vue中使用watch同時監聽多個值的實現方法


一、在computed中

  在computed中,將需要監聽的值定義為一個對象。  

  比如我們需要監聽start和end的改變,將監聽的值(start、end)定義一個對象(dateRange),代碼如下:

computed: {
    dateRange() {
        const {start, end} = this;
        return {start, end}
    }
}

二、在watch中

  需要在watch中監聽這個對象,當start或者end改變時,彈出提示,代碼如下:

watch: {
    //會在任何被偵聽的對象的屬性值改變時被調用,不論其被嵌套多深
 dateRange: {
        handler() {
            alert("數據改變");
        },
        deep: true,
    }
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM