微信小程序数据绑定实例

2025-05-15 04:12:54

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

微信小程序数据绑定实例

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

微信小程序数据绑定实例

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

微信小程序数据绑定实例

6、同时修改mypage.js文件,增加clickHandler事件函数,在代码如下:clickHandler:function(){this.setData({content:"world hello"})}更改数据用setData,这个和vue的操作有点区别,vue是可以等号直接赋值的

微信小程序数据绑定实例
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢