push数组元素不渲染 vue_【报Bug】往数组中 push 元素视图不更新

详细问题描述(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);

}

}

}

001.png

控制台打印出的结果正确,但是视图没更新。

如果在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);

}

}

}

002.png

[结果]

点击按钮,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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值