百度智能小程序 條件

s-if

通過 s-if 指令我們可以實(shí)現(xiàn)以下操作：

• 為元素指定條件：當(dāng)條件成立時(shí)元素可見，當(dāng)條件不成立時(shí)元素不存在；
• 為 s-if 增加一個(gè)額外條件分支塊；
• 為 s-if 增加一個(gè)不滿足條件的分支塊， s-else 指令沒有值。

注意：s-if 與 s-for 不可在同一標(biāo)簽下同時(shí)使用。

代碼示例

<!-- if-demo.swan-->
<view s-if="is4G">4G</view>
<view s-elif="isWifi">Wifi</view>
<view s-else>Other</view>

// if-demo.js
Page({
    data: {
        is4G: true,
        isWifi: false
    }
});

s-if 與 s-else 之間加入多余標(biāo)簽會(huì)報(bào)錯(cuò)。

代碼示例

<!-- if-demo.swan-->
<view s-if="is4G">4G</view>
<view>other words</view>
<view s-else>Other</view>

// if-demo.js
Page({
    data: {
        is4G: true,
        isWifi: false
    }
});

block s-if

解釋： block 虛擬組件，在渲染時(shí)不會(huì)包含自身，只會(huì)渲染其內(nèi)容?？梢杂脕礓秩疽唤M組件或者標(biāo)簽。

代碼示例

<!-- if-demo.swan-->
<block s-if="flag">
    <view> name </view>
    <view> age </view>
</block>