【Web前端问题】周期函数中渲染的数组能不能更新页面数据?

周期函数中渲染的数组能不能更新页面数据?

如果我在data属性里面写死数组,是可以实现更新数据到页面的,但是在周期函数里面就失效了。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

 beforeMount() {

// vue 渲染二维数组

for(let i=0; i<4; i++){

this.arrbox[i]=[]

for(let j=0; j<4; j++){

this.arrbox[i][j]=""

}

}

}

        let randomi = Math.floor(Math.random() * 4); //x轴随机数

let randomj = Math.floor(Math.random() * 4); //y轴随机数

if (this.arrbox[randomi][randomj]) {

window.console.log("此格子有值");

}else{

console.log('randomi值为'+randomi+'; randomj值为'+randomj)

this.arrbox[randomi].splice(randomj,1,2)

console.log(this.arrbox)

}

这样写不能更新数据到页面。

data() {

return {

lists: [],

arrbox: [

[,,,],

[,,,],

[,,,],

[,,,]

],

keydown:{}

};

},

这样写死的数组是可以的更新数据的。

有没有什么办法,在周期函数里面渲染数组,且可以更新数据

回答:

官方文档

注意事项

回答:

看看这个能不能帮你解决问题

Vue-set

看下截图,API的说明

Vue-set API截图

回答:

数组只能监听部分函数,直接下标赋值是不能监听的。

以上是 【Web前端问题】周期函数中渲染的数组能不能更新页面数据? 的全部内容, 来源链接: utcz.com/a/137221.html

回到顶部