Python语言

微信小程序

php语言

jsp语言

asp语言

C#/.NET

html5/css

javascript

c/vc/c++语言

点击排行

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

来源:中文源码网    浏览: 次    日期:2018年9月2日
【下载技术文档:  微信小程序js文件改变参数并在视图上及时更新【推荐】 】


微信小程序js文件改变参数并在视图上及时更新【推荐】 用过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){
let param = {};
let string = "array["+e.target.dataset.index+"].text;
param[string] = '0000';
this.setData(param);
}
})总结
以上所述是小编给大家介绍的微信小程序js文件改变参数并在视图上及时更新,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对中文源码网网站的支持!

亲,试试微信扫码分享本页! *^_^*

精彩推荐

相关内容