好资源导航 » 文章资讯 » 微信小程序js文件改变参数并在视图上及时更新【推荐】

微信小程序js文件改变参数并在视图上及时更新【推荐】

2023-09-11 16:16:06 57

用过VUE的童鞋都知道，vue在改变data里面参数可以以直接用this.XXX=XXX，并且视图层也会立即更新呈现，但是这里我想介绍一下微信小程序是怎样操作data里面参数并在视图层及时更新的

一、简单参数

XX.wxml


{{str}}

改变

XX.js

Page({
data:{
str:'早上好'
},
change:function(){
this.setData({
str:"晚上好"
})
}
})

二、已知下标的数组

XX.wxml


{{array[0].text}}

改变

XX.js

Page({
data:{
array:[{text:'早上好'}],
},
change:function(){
this.setData({
'array[0].text':'晚上好'
})
}
})

三、动态下标的数组

XX.wxml



{{item.text}}
改变


改变

XX.js

Page({
data:{
array:[
{text:'1111'},
{text:'2222'},
{text:'3333'}
]
},
change:function(e){
letparam={};
letstring="array["+e.target.dataset.index+"].text;
param[string]='0000';
this.setData(param);
}
})

总结

以上所述是小编给大家介绍的微信小程序js文件改变参数并在视图上及时更新，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com