记录 uni-app 中对 data 的修改视图未更新的坑

在尝试使用 uni-app 进行多端统一编译时,遇到数据修改后视图未更新的难题。通过定时器尝试修改 data 中的内容,发现按照小程序习惯的写法无法触发视图更新。查阅资料后,尝试使用 Vue 的 this.$set 方法仍无效。最终通过直接使用 Vue 的方式更新数据,解决了视图不更新的问题,但这个过程并不顺畅。
摘要由CSDN通过智能技术生成

之前只是了解过并没有实际的编写DEMO,如今公司想要采用多端统一编译框架,就想试试这个 uni-app,没想到刚开始就踩了个坑。
我在首页写了个定时器,1s 后修改内容 Hello 为 Change,根据小程序的习惯性写法,我在 uni-app 中是这样写的:

export default {
   
	data () {
   
		return {
   
			title: "Hello"
		}
	},

	onLoad () 
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值