第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue2中watch能不能觀察外部屬性?

vue2中watch能不能觀察外部屬性?

紅顏莎娜 2019-03-06 17:12:16
我用的vue2.0,寫的一個組件watch有點疑問請教一下各位大神。我在data里面聲明了一個變量isVRMode:然后我頁面上引入了一個庫(Cesium)的三維場景,上面自帶了一個按鈕vrButton,它有一個屬性vrBotton.viewModel.isVRMode。問題來了,我有沒有辦法觀察vrBotton.viewModel.isVRMode這個屬性的變化呢?或者是和我的data中的isVRMode關(guān)聯(lián)起來,然后觀察呢?由于vrBotton.viewModel.isVRMode的值改變是點那個按鈕自動觸發(fā)的,不是我控制的,我搞了好久了,沒找到解決辦法,望處理過類似的大拿指點一下。var myObject = {}Object.defineProperty(myObject, 'isVRMode', {value: viewer._vrButton.viewModel.isVRMode         })this.$watch('myObject.isVRMode', function (val) {console.log('myObject.isVRMode')         }, {deep: true         })window.myObject = myObject我試圖這樣把屬性關(guān)聯(lián)起來,但實際上并沒什么用,如下圖,我點按鈕后viewer._vrButton.viewModel.isVRMode已經(jīng)是true了,但是myObject.isVRMode仍然是false。不知這種情況是不支持,還是我思路弄錯了呢?
查看完整描述

2 回答

?
慕碼人8056858

TA貢獻(xiàn)1803條經(jīng)驗 獲得超6個贊

watch:{


isVRMode: function(new,old){

    //變化時你要做的操作

}

}


查看完整回答
反對 回復(fù) 2019-03-16
?
陪伴而非守候

TA貢獻(xiàn)1757條經(jīng)驗 獲得超8個贊

// 模擬你的對象

let vrBotton = {

  viewModel: {

    isVRMode: 'hello'

  }

}


// 處理邏輯

function change (val, oldVal) {

  console.log(`new value: ${val}, old value: ${oldVal}`)

}


(function () {

  let val = vrBotton.viewModel.isVRMode

  Object.defineProperty(vrBotton.viewModel, 'isVRMode', {

    get () {

      return val

    },

    set (cur) {

      if (val !== cur) {

        change(cur, val) // 數(shù)據(jù)改變的時候調(diào)用change方法

        val = cur

      }

    }

  })

})()

效果截圖如下:

https://img1.sycdn.imooc.com//5c8ca8d90001f52004050131.jpg

查看完整回答
反對 回復(fù) 2019-03-16
  • 2 回答
  • 0 關(guān)注
  • 741 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號