微信小程序> 微信小程序数据绑定实例-微信小程序绑定卡

微信小程序数据绑定实例-微信小程序绑定卡

浏览量:1496 时间: 来源:卡和我
微信小程序数据绑定实例

微信小程序数据绑定实例

方法/步骤

1.打开小程序开发工具,使用测试号新建一个小程序

2.在新建的小程序,新建mypage文件夹并在文件夹内新建一个page,名为mypage,在app.json设为第一启动页

3.在mypage.wxml页面绑定一个数据使用{{数据}},代码如下:<text>{{content}}</text>在mypage.js文件绑定data数据,代码如下:data: {content:hello world},

4.点击编译,页面显示content为hello world

5.在mypage.wxml页面添加一个button,点击button的事件更改content的值。mypage.wxml代码如下:<text>{{content}}</text><button bindtap='clickHandler'>点我改内容</button>bindtap是绑定点击函数

6.同时修改mypage.js文件,增加clickHandler事件函数,在代码如下:clickHandler:function(){this.setData({content:world hello})}

7.更改数据用setData,这个和vue的操作有点区别,vue是可以等号直接赋值的

8.编译后,点击button按钮,content的内容被更改了

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎