微信小程序4---数据绑定

a. wxml页面的显示为:{{}}。如:

b. 当前页面的js文件中的编写为:

Page({

 

/**

* 页面的初始数据

*/

data: {

text:"这里是内容",

扫描二维码关注公众号,回复: 189707 查看本文章

btnText:"这是按钮"

},

在调试页面的显示应能正常输入,如

c.事件绑定,如点击事件bindtap

a.wxml页面:<button type="warn" bindtap="btnClick">primary</button>

 

b.Js页面:page{{}}中写入,btnClick:function(){

console.log("点击了")

}

c.点击后控制台

G:动态修改内容:用setData()方法

a.wxml页面:<button type="warn" bindtap="btnClick">primary</button>

 

b.Js页面:page{{}}中写入,btnClick:function(){

console.log("点击了")

this.setData({text:更改的新内容,如: 新内容})//用this指向元绑定事件,调用setData修改方法

}

c.点击后控制台:

猜你喜欢

转载自blog.csdn.net/weixin_39087035/article/details/79572251