微信小程序学习笔记——模板语法

有蝉

已于 2022-03-13 15:37:17 修改

阅读量346

点赞数

分类专栏：微信小程序文章标签：微信小程序模板语法

于 2020-04-10 15:01:32 首次发布

本文链接：https://blog.csdn.net/qq_37899792/article/details/105425660

版权

36 篇文章 3 订阅

订阅专栏

在vscode中安装了小程序插件

代码示例

① 列表循环

<view wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id">
     {{item.name}}
     {{index}}
</view>

① 对象循环

<view wx:for="{{obj}}" wx:for-item="value" wx:for-index="key" wx:key="age">
     属性：{{key}}
     值：{{value}}
</view>

【①占位符的标签】

【②写代码的时候可以看到这便签存在】

【③页面渲染，小程序会把它移除掉】

类似 block wx:if，也可以将 wx:for 用在<block/>标签上，以渲染一个包含多节点的结构块。例如：

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>

关注