微信小程序学习记录(2)视图层之wxml(数据绑定大括号,wx:for,wx:if)

本文介绍了微信小程序中视图层的WXML数据绑定,包括双大括号绑定、组件属性、控制属性、运算及模板的使用。详细讲解了wx:for列表渲染和wx:if条件渲染的用法,比较了wx:if与hidden的差异,并阐述了模板定义和使用的方法。
摘要由CSDN通过智能技术生成

1,数据绑定


WXML中的动态数据均来自对应Page的data。

用双大括号将变量包起来,可以作用于             (参考:https://www.w3cschool.cn/weixinapp/weixinapp-data.html)

内容

<view> {
  { message }} </view>
Page({
  data: {
    message: 'Hello MINA!'
  }
})

组件属性(需要在双引号之内

<view id="item-{
  {id}}"> </view>
Page({
  data: {
    id: 0
  }
})

控制属性(需要早双引号之内

<view wx:if="{
  {condition}}"> </view>
Page({
  data: {
    condition: true
  }
})

关键字(

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值