push数组元素不渲染 vue_【报Bug】往数组中 push 元素视图不更新
详细问题描述(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)[内容]往数组中 push 元素视图不更新重现步骤[步骤]如果直接往数组里面push元素,视图不会更新,上代码:.main.test {{arr}}button(@tap='push') 添加元素export default {da
详细问题描述(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
往数组中 push 元素视图不更新
重现步骤
[步骤]
如果直接往数组里面push元素,视图不会更新,上代码:
.main
.test {{arr}}
button(@tap='push') 添加元素
export default {
data () {
return {
arr: [1,2,3]
}
},
onLoad () {
},
methods: {
push () {
this.arr.push(8)
console.log(this.arr);
}
}
}
控制台打印出的结果正确,但是视图没更新。
如果在push元素的同时更新一个其他的元素,则成功:
.main
.test {{arr}}
button(@tap='push') 添加元素
export default {
data () {
return {
arr: [1,2,3],
status: true
}
},
onLoad () {
},
methods: {
push () {
this.status = !this.status
this.arr.push(8)
console.log(this.arr);
}
}
}
[结果]
点击按钮,arr更新成功,但视图未更新
[期望]
[如果语言难以表述清晰,可以拍一个视频或截图,有图有真相]
点击按钮,视图得到更新
IDE运行环境说明
[HBuilder 或 HBuilderX] 1.1.0
[IDE版本号] 20181030
[windows版本号] Windows 10 Edu 1803
[mac版本号]
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[安装包]
联系方式
[QQ] 731734107
更多推荐
所有评论(0)