学无先后,达者为师

网站首页 编程语言 正文

微信小程序(条件渲染和列表渲染)

作者:黑白自明 更新时间: 2022-07-12 编程语言

条件渲染

wx:if

首先展示一个简单的例子
在这里插入图片描述
在这里插入图片描述
此时js文件中的data我对flag进行了数据设置,设置为true,因此会显示以上语句
在这里插入图片描述

在这里插入图片描述
此时 js文件中的data score设置为85,满足第二个条件,因此显示第二个

block

同样举一个例子
在这里插入图片描述
这里用两个 条件进行判断,而通过block 可以写的比较简便
在这里插入图片描述
两者显示的结果是相同的
在这里插入图片描述

if与hidden 的区别

if控制前后两端代码不一定全都进行条件渲染
就如上文的11与22一样,22是不会进行渲染的
hidden 会全部进行渲染

列表渲染

同样举一个例子:
在这里插入图片描述
在这里插入图片描述
若是要改变view中的 index和item
可以进行以下操作
在这里插入图片描述
结果是相同的
在这里插入图片描述

嵌套数组

完成一个乘法表的打印
在这里插入图片描述
在这里插入图片描述

block

在这里插入图片描述
在这里插入图片描述

原文链接:https://blog.csdn.net/weixin_46037227/article/details/111825004

栏目分类
最近更新