• 微信小程序开发(四)-列表渲染


    一.wx:for

    项的变量名默认为 item
    wx:for--tem
    可以指定数组当前元素的变量名
    下标变量名默认为 index
    wx:for--index
    可以指定数组当前下标的变量名
    wx:key
    ⽤来提⾼数组渲染的性能
    wx:key
    绑定的值 有如下选择
    1. string类型,表⽰ 循环项中的唯⼀属性 如
     
     
    2. 保留字 *this,它的意思是 item本⾝ ,*this 代表的必须是 唯⼀的字符串和数组。
     
     
     
     
    二. block
    渲染⼀个包含多节点的结构块 block最终不会变成真正的dom元素
    <block wx:for="{{[1, 2, 3]}}" wx:key="*this" >
      <view> {{index}}: </view>
      <view> {{item}} </view>
    </block>

    三.条件渲染

    在框架中,使⽤ wx:if="{{condition}}"来判断是否需要渲染该代码块: 
     <view wx:if="{{false}}">1</view>
     <view wx:elif="{{true}}">2</view>
     <view wx:else>3</view>
     
    hidden 
    <view hidden="{{condition}}"> True </view>
    
     
    类似 wx:i,f频繁切换 ⽤ hidden,不常使⽤ ⽤ wx:if 
     
     
  • 相关阅读:
    Pandas中dataframe以及spark中rdd使用groupByKey进行合并
    Apriori算法Python实现
    安装Cloudera CDH
    HDFS常用命令
    vuex modules 命名空间
    sessionStore使用
    indexof使用
    vue 简单购物车实现
    etCapture() 和 ReleaseCapture()的用法
    js组合继承与寄生继承
  • 原文地址:https://www.cnblogs.com/feifan1/p/12797853.html
Copyright © 2020-2023  润新知