10分钟完成小程序条件渲染（微信小程序条件渲染）

本文提供了微信小程序的相关知识。 我们主要介绍条件渲染相关的相关内容。 所谓条件渲染决定是否在可见页面上渲染代码。 我们一起来看看吧。 ，希望对您有帮助。

1.wx:if实现条件渲染

框架应该使用wx:if=""来渲染代码块判断是否

True

如果condition的值为true，则在页面上渲染视图组件。 否则，该组件将不可见。 同时也可以与wx:elif、wx:else配合使用。 目前，您可以使用多个条件来确定是否应呈现代码。

组件 1组件 2 view>Component 32.block 与 wx:if 配合使用

wx:if 是一个控件属性，所以必须添加到 label 中。 如果要一次测试多个组件标签，请将多个组件包装在 标签中，并对其使用 wx:if 控制属性。

view1 view2

注意：它不是一个组件，它只是包 页面上不显示任何内容的容器。

3.hiden实现条件渲染

框架内部，使用hiden使用“”来控制组件的可见性。 与前一个不同，隐藏组件始终被渲染，并且只是显示和隐藏的简单控件。

如果条件为true，则隐藏该元素4.wx:if和hidden

wx:if模板中还可能涉及到数据绑定，因此框架包含一个部分渲染过程，以确保当 wx:if 条件值切换时条件块被丢弃。 或在交换机上重新渲染。

同时，wx:if也被延迟。 如果初始渲染条件为 false，则框架不执行任何操作，并在条件第一次变为 true 时开始部分渲染。

相比之下，隐藏就简单多了。 组件始终被渲染，您只需控制它们的可见性和可见性。

一般来说，wx:if 的切换成本较高，hidden 的初始渲染成本较高。 因此，如果需要频繁切换，则隐藏更好，如果运行时条件不太可能改变，则 wx:if 更好。

【相关学习推荐：小程序学习教程】

PHP轻松学习视频免费教程（从初学者到专家）

如何学习PHP PHP应该从哪里开始？我学PHP怎样才能快速学好PHP呢？ 这里有简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想学习的朋友。

下载

这几篇文章你可能也喜欢：

• 微信小程序列表渲染示例介绍（小程序渲染HTML代码）
• 微信小程序窗口导航栏配置（详细示例）（微信小程序导航栏系统按钮）
• 微信小程序支付中如何操作Paysign二次加密（2022年10月最新）
• 微信小程序常用API（总结分享）（如何创建微信小程序的API接口）
• 微信小程序的操作步骤是什么（微信小程序常用步骤）

本文由主机参考刊发，转载请注明：10分钟完成小程序条件渲染（微信小程序条件渲染） https://zhujicankao.com/140221.html