收藏
回答

如何实现多条件渲染?

我有一个view,我希望实现多条件渲染。

首先data是这样的:

data:{
isNice:true,
isBad:true
}


WXML是这样的:

<text class="{{isBad?'bg-gray':'bg-cyan'}}">打开冰箱放入大象</text>


以上只是单条件判断,我希望实现的是:

第一条件:如果isBad为true则一律输出bg-gray

否则(即isBad为false)第二条件:如果isNice为true输出bg-green,否则输出bg-cyan


这样可以实现吗?请指教,谢谢。





回答关注问题邀请回答
收藏

2 个回答

  • Mr.Zhao
    Mr.Zhao
    2020-07-25
    isBad ? 'bg-gray': (isNice ? 'bg-green':'bg-cyan') 
    
    wxs: https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/05statement.html
    
    2020-07-25
    有用 1
    回复
  • 拾忆
    拾忆
    2020-07-25

    同上,三运算符

    2020-07-25
    有用
    回复
登录 后发表内容
问题标签