zoukankan      html  css  js  c++  java
  • 小程序开发-block组件的使用

    微信小程序中,block不是一个组件,而是一个包装元素,不会在页面中做任何渲染。

    使用情况:条件渲染 wx:if

    因为 wx:if 是一个控制属性,需要将它添加到一个标签/组件上,用于控制隐藏与显示。而如果需要一次性控制多个组件的隐藏与显示,一个一个添加wx:if过于繁琐,此时就可以使用block将这些组件包裹起来,对block设置wx:if控制属性

    <block wx:if="">
          <view catchtap="minus" data-category="{{value.id}}" data-productid="{{item.id}}" class="minus">-</view>
          <view class="number">{{item.num}}</view>
    </block>
    

    wx:if 条件判断的值, 对0和空字符串转为false,此时block包裹的组件隐藏
    如果想让其显示将其改成非0数字、非空字符串即可。

    使用情况:循环渲染 wx:for

    <block wx:for="{{ history_today_data }}" wx:key="a">
          <view class="title">
          <text class="year">{{item.year}}</text>
                <text class="mid"> | </text>
                <text class="titl" selectable="true" bindlongtap="copyToClipboard">{{item.title}}</text>
          </view>
          <view class="des">
                <text bindlongtap="copyToClipboard" data-des="{{item.des}}">{{item.des}}</text>
          </view>
    </block>
    

    差不多就是这样用啦~~

  • 相关阅读:
    CentOS7 命令笔记
    MarkDown学习
    系统管理员资源大全
    解决回车键导致的页面无意义刷新
    Tomcat远程调试
    gson 自定义对象转换格式
    maven私服搭建
    大明最不该被遗忘的英烈——李定国
    HashMap实现原理分析(转)
    自定义评分器Similarity,提高搜索体验(转)
  • 原文地址:https://www.cnblogs.com/limaostudio/p/13609241.html
Copyright © 2011-2022 走看看