网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

微信小程序列表循环学习实例

时间:2024-10-13 10:39:47

1、打开小程序开发工具,在项目中新建mypage文件夹,在文件夹内新建page名为mypage,在app.json中将mypage设为第一页面

微信小程序列表循环学习实例

3、修改mypage.wxml是循环列表绑定数据,代码如下<view wx:for="{{mynum}}">{{item}}</view>

微信小程序列表循环学习实例

5、编译运行代码显示出数组内容

微信小程序列表循环学习实例

7、添加一个button,通过button的点击事件修改数组的值,mypage.wxml代码如下:<vi髫潋啜缅ew wx:for="{{mynum}}">{{index}}-{{item}}</view><button bindtap='clickHandler'>点我改内容</button>mypage.js增加代码如下:clickHandler:function(){var first = "mynum[0]";this.setData({[first]:"changeData"})}这里的js要设一个临时变量来存储要改变的值,确实有点麻烦

微信小程序列表循环学习实例

8、编译代码运行程序,点击按钮能正常修改内容

微信小程序列表循环学习实例
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com