微信小程序 wx:for的一些事
来源:互联网 发布:centos u盘 编辑:程序博客网 时间:2024/05/29 09:46
在研究微信小程序过程中遇到了这样一个问题:使用wx:for进行列表渲染时,直接用方括号[]表示非关联数组时,内容为字母则不能识别。
可能大家没有看懂上面的话。直接上代码吧。
为了好分辨,我使用了_______来隔开
<view wx:for="{{[a, b, c]}}"> <view> {{index}}: {{item}} </view></view>_______________<view wx:for="{{array}}"> <view> {{index}}: {{item.id}} </view></view>_______________<view wx:for="{{[1, 2, 3]}}"> <view> {{index}}: {{item}} </view></view>
data: { array: [{ id: 'a', }, { id: 'b' }] }
运行结果为:
在这里可以看到,wx:for="{{[a, b, c]}}",是不能识别[a,b,c]的,是不是真的是英文字母不能识别的?再尝试一次,
<view wx:for="{{[11, aa, 333,a2b]}}"> <view> {{index}}: {{item}} </view></view>结果是:
有英文字母的都不能正常显示出来了。
那么问题来了,如何能做到循环遍历字母呢?
如果想单纯的使用item为一个字符的可以这样写:
wx:for="abc"
然后就可以分别以a,b,c来做列表渲染了如果需要用单词,还是在JS中定义数据吧。
0 0
- 微信小程序 wx:for的一些事
- 微信小程序的wx:for,wx:for-items,wx:for-item,wx:key等的关系及正确使用
- 微信小程序 wx:for
- 微信小程序--wx:for
- 【微信小程序】wx:for的使用
- 微信小程序wx:for循环
- 微信小程序循环:Wx:for
- 微信小程序wx:for和wx:for-item的正确用法
- 小程序wx:for、wx:for-items和wx:for-item的正确用法
- 微信小程序判断wx:if wx:for template
- 微信小程序wx:key和wx:for问题
- 微信小程序-wx:for 循环列表
- 微信小程序 列表渲染 wx:for
- 微信小程序wx:for循环列表渲染
- 微信小程序的wx:if
- 微信小程序 Now you can provide attr "wx:key" for a "wx:for" to improve performance.
- 微信小程序 wx:for循环和数组内部元素的增加
- 微信小程序学习wx.request 中 post 出现500错误的一些成因
- iOS超全开源框架、项目和学习资料汇总(1)UI篇
- excel--VLOOKUP 应用
- 不使用库函数,将十进制数转换为二进制数
- 编程书籍汇总
- c语言中基本数据类型printf()对应格式
- 微信小程序 wx:for的一些事
- iOS超全开源框架、项目和学习资料汇总(2)动画篇
- java异常种类总结
- Eclipse中设置选中某个字段页面中同名的标记出来
- Linux平台下java程序员的基本功(七)
- Linux目录结构、Linux分区大小、挂载点和如何分区
- Aapche POI txt 导入excel
- Android项目快速编译之Freeline-Android的配置与集成
- 关于BaseAdapter的数据混乱的分析与解决总结