如何使用微信小程序中的数组构成新的数组或对象

 时间:2024-10-15 13:02:46

1、第一步,打开微信小程序开发工具,在wxml文件中插入一个<view></view>,使用wx:for指令绑定数组,如下图所示:

如何使用微信小程序中的数组构成新的数组或对象

2、第二步,保存代码并在左侧查看效果,结果发现出现了报错,如下图所示:

如何使用微信小程序中的数组构成新的数组或对象

3、第三步,由于在元素绑定了数组,并在js文件中的data对象中绑定数组的五个元素,如下图所示:

如何使用微信小程序中的数组构成新的数组或对象

4、第四步,再次修改wxml文件中的代码,wx:for值外层添加双引号,如下图所示:

如何使用微信小程序中的数组构成新的数组或对象

5、第五步,再次保存代码,并在开发工具模拟器中查看效果,可以看到页面展示一个无序列表,如下图所示:

如何使用微信小程序中的数组构成新的数组或对象

6、第六步,修改<view></view>内部的内容,再次添加一个字符串,如下图所示:

如何使用微信小程序中的数组构成新的数组或对象
  • 微信小程序全局变量如何使用
  • SQL Server如何利用查询插入数据
  • 如何通过js实现勾选复选框
  • 如何解决eclipse项目中resources有红叉
  • 如何打开浏览器控制台
  • 热门搜索
    生活中的语文手抄报 校园安全手抄报资料 关于小动物的手抄报 食品安全的手抄报 关于知识的手抄报 创卫手抄报资料 二年级安全手抄报 珍惜粮食手抄报 传染病手抄报 儿童安全手抄报大全