Question

怎么用微信小程序制作条件渲染

Answer 1

你好，
如果motto为Hello World，则输出你好世界，否则原样输出。

这里是分支条件判断，直接在视图文件里修改，修改index.wxml

<text wx:if="{{motto != 'Hello World'}}" class="user-motto">{{motto}}text>

<text wx:else>你好世界text>

wx:if、wx:else、wx:elif，是微信条件判断的控制属性，需要添加到组件中使用。

但是如果我们想一次性判断多个组件标签，我们可以使用一个标签将多个组件包装起来，并在上边使用wx:if控制属性。

<block wx:if="{{true}}">

<view> view1 view>

<view> view2 view>

block>

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