开发者社区 问答 正文

编写微信小程序时,什么是条件渲染?

编写微信小程序时,什么是条件渲染?

展开
收起
甜甜的嘻嘻嘻 2022-07-28 14:56:04 503 分享 版权
1 条回答
写回答
取消 提交回答
  • 条件渲染是指根据绑定表达式的值来判断是否渲染当前组件。

    在小程序中,使用 wx:if=""来判断是否需要渲染该代码块。如下方代码所示。

    image.png

    在上方代码中,当 condition 变量的值为 true 时,view 组件将被渲染输出;否则,该组件将不会被渲染。我们也可以用 wx:elif 和 wx:else 添加一个 else 块,如下方代码所示。

    image.png

    在上方代码中,当 length 大于 5 时,界面中渲染输出的数字是 1;当 length 大于 2 且小于或等于 5 时,界面中渲染输出的数字是 2;当 length 小于或等于 2 时,界面中渲染输出的值是 3。

    以上内容摘自《智能前端技术与实践》电子书,点击https://developer.aliyun.com/topic/download?id=8550可下载完整版

    2022-07-28 15:07:03
    赞同 展开评论