十九.wxml语法-条件判断

叁歲伎倆 2023-07-09 02:21 76阅读 0赞

条件渲染

一.wx:if

在框架中, 使用wx:if=""来判断是否需要渲染该代码块

<view wx:if="{ {condition}}">True</view>

也可以用wx:elif和wx:else来添加一个else块

二.block wx:if

并不是一个组件, 它仅仅是一个包装元素, 不会在页面中做任何渲染, 只接受控制属性

因为wx:if是一个控制属性, 需要将它添加到一个标签上. 如果要一次性判断多个组件标签, 可以使用一个<block/>标签将多个组件包装起来, 并在上边使用wx:if控制属性.

<block wx:if="{ {true}}">
    <view>view1</view>
    <view>view2</view>
</block>

三.`wx:if` VS `hidden`

因为wx:if之中的模板也可能包含数据绑定, 所以当wx:if的条件值切换时, 框架有一个局部渲染的过程, 因为它会确保条件块在切换时销毁或重新渲染.
同时wx:if也是惰性的, 如果在初始渲染条件为false, 框架什么也不做, 在条件第一次编程真的时候才开始局部渲染.
hidden的作用也是控制属性的显示和隐藏, 但是本质是控制css的display:none.

发表评论取消回复

表情：

评论列表（有 0 条评论，76人围观）

还没有评论，来说两句吧...

相关阅读

相关语法盲点：Java if语句条件判断错误示例

在Java编程中，if语句是一种基本的条件判断结构。如果你的条件判断有误，程序可能会出现逻辑错误。下面是一个错误示例： ```java public class IfErro

末蓝、/ 2024年10月16日 03:27/ 0 赞/ 84 阅读

相关【小程序】中WXML的语法详解

字符串，代表在 for 循环的目标 array 中 item 的某个属性，该属性的值需要是列表中唯一的字符串或数字，且不能动态改变。代表在 for 循环中的 item...

不念不忘少年蓝@/ 2024年04月27日 15:55/ 0 赞/ 129 阅读

相关 Java基础语法（十九）：IDEA使用教程

目录一、下载IDEA 二、常用设置三、常用快捷键四、常用插件五、中文汉化 -------------------- 一、下载IDEA 下载地址：[I

桃扇骨/ 2024年04月03日 12:15/ 0 赞/ 134 阅读

相关 java基础语法——条件判断与循环语句

目录一、流程控制语句流程控制语句分类二、顺序结构顺序结构概述顺序结构图三、选择结构选择结构概述选择结构(if语句1) 选择执行图1 选择结

我会带着你远行/ 2024年03月27日 09:23/ 0 赞/ 176 阅读

相关小程序WXML之条件渲染

wx:if 在MINA中，用来判断是否需要渲染该代码块，这个和java、C中if条件判断是一样的，语法格式： `wx:if="{ {condition}}"`,双重大括

女爷i/ 2023年10月17日 09:01/ 0 赞/ 202 阅读

相关文件判断条件和数字判断条件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMz

冷不防/ 2023年07月13日 15:20/ 0 赞/ 97 阅读

相关二十.wxml语法-列表渲染

列表渲染一.wx:for 1. 在组件上使用`wx:for`控制属性绑定一个数组, 即使用数组中各项的数据重复渲染该组件. 2. 默认数组的当前项的下标变量名

系统管理员/ 2023年07月09日 02:21/ 0 赞/ 62 阅读

相关十九.wxml语法-条件判断

条件渲染一.wx:if > 在框架中, 使用`wx:if=""`来判断是否需要渲染该代码块 <view wx:if="{ {condition}}">T

叁歲伎倆/ 2023年07月09日 02:21/ 0 赞/ 77 阅读

相关小程序开发：wxml语法 {{}}，if条件判断，for循环，未完待续。。。。

在js代码中data的数据是可以打印在wxml中的，并且是双向绑定的； <view> { { name }} </view> data() {

青旅半醒/ 2023年01月02日 12:20/ 0 赞/ 151 阅读

相关 WXML 模板语法

WXML wxml是框架设计的一套标签语言，结合基础组件，事件系统，可以构建出页面的结构 1、数据绑定在js文件中data里加入我们需要的数据，这里如图所示加入error

系统管理员/ 2021年02月15日 17:25/ 0 赞/ 1067 阅读