vue 使用watch同時監聽多個屬性


watch監聽調用了兩個參數,兩個參數的出現都調用了一個函數,分開檢測就會調用兩次

第一種方法

data () {
  return {
     city: '',
     area: '',
     currentPage: ''
  }
},
 
watch: {
   city: function (val) {
 
      // 寫要執行的代碼片段
 
   },
   area: function (newVal,oldVal) {
 
      // 寫要執行的代碼片段
 
   }, 
}

第二種


data () {
  return {
     city: '',
     area: '',
     currentPage: ''
  }
},
 
computed: {
    listenChange () {
        const { city, area, currentPage } = this
        return { city, area, currentPage }
    },
},
 
watch: {
   listenChange (val) {
 
      // 寫要執行的代碼片段
 
   },
    
}


免責聲明!

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



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