vue的data數據用的是全局變量,變量是普通數據類型,變量改變,data未改變


如果vue的data數據用的是全局變量,變量是普通數據類型,那么當全局變量的值發生改變的的時候,那么data中用的這個值是不會發生改變的,也無法觸發視圖更新 ,因為是普通數據類型

解決:
全局的普通數據類型改為引用數據類型

Vue({
  data:{
    tabMouth: tabMouth,
    tabDay:tabDay,
  }
})

var tabMouth = {value: false};
var tabDay = {value: false};
var tabEventCall = function (event) {
  if(event.id==0) {
    console.log(event.id)
    tabMouth.value = true
    tabDay.value = false
  } else if(event.id!=0){ 
    console.log(event.id)
    tabDay.value = true
    tabMouth.value = false
  }
}


免責聲明!

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



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