作者：PHP小龙 | 来源：互联网 | 2023-06-26 17:09
微信小程序学习（一）——值的绑定与修改
本文主要介绍如何在微信小程序中进行值的绑定与修改。
主要参考：
https://www.w3cschool.cn/weixinapp/wgt21q8k.html
好，下面上货。
1、在wxml中添加如下代码
<
view
style
=
"margin-top:50px">
{{test}}
view
>
<
button
bindtap
=
"changeName">
点我
button
>
2、在对应的js文件中添加内容：
changeName:
function
(e){
console.log(
"changeName button clicked!"
);
//this.data.test="abc";
this
.setData({
test:
'MINA'
})
}
在Page的data中添加
test:
'11111'
,
3、这样运行一下效果如下：
4、需要注意的是，一般我们在类似vue的框架中直接能对值进行修改，但是在微信小程序里，貌似是不行的。
所以我们要中这种方式对值进行修改。
this
.setData({
test:
'MINA'
})
而不是this.data.test='abc';这种
京公网安备 11010802041100号