紅顏莎娜
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 回答

陪伴而非守候
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
}
}
})
})()
效果截圖如下:
添加回答
舉報
0/150
提交
取消