收藏
回答

关于条件渲染中wx:if使用的问题?

在官方文档中有这个例子,最终显示结果为3。

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

我自己写成这样:

<view wx:if="{{length > 5}}"> 10 </view>

<view wx:elif="{{length > 2}}"> 4 </view>

<view wx:else> 3 </view>

我觉得结果应该显示为:10 4 3,但是结果还是显示3。这是什么原因啊?

第一条件10满足大于5的要求,

第二个条件4满足大于2小于等于5的要求

第三个条件满足小于等于5的要求。

三个要求都满足,为什么只显示最后一个条件3呢?


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

6 个回答

  • Demons
    Demons
    2021-12-20

    请查看

    2021-12-20
    有用 1
    回复
  • 困难
    困难
    2021-12-20

    length不是你标签里的10 4 3.。。

    这个双括号{{}}是看你js文件中data里对应的那个值,这里就是js的data中叫length的变量的值。

    然后这三个条件渲染的指令是互斥的,其中一个符合了另外的就不会显示

    2021-12-20
    有用 1
    回复 1
    • 葫芦娃
      葫芦娃
      2021-12-20
      data: {
              length:1; 
        },
      要先在js中定义length的长度,然后xml中才会对应显示结果,是吧。谢谢啊
      2021-12-20
      回复
  • destiny
    destiny
    2021-12-20

    length 是js data里面定义的,不是10 4 3

    2021-12-20
    有用 1
    回复 1
    • 葫芦娃
      葫芦娃
      2021-12-20
      谢谢啊,明白了,非常感谢啊
      2021-12-20
      回复
  • brave
    brave
    2021-12-20

    你的 length 值是多少

    2021-12-20
    有用 1
    回复 1
    • 葫芦娃
      葫芦娃
      2021-12-20
      明白了,谢谢啊
      2021-12-20
      回复
  • 葫芦娃
    葫芦娃
    2021-12-20

    各位大哥,理解了。非常感谢各位,跪谢!!!

    2021-12-20
    有用
    回复
  • 🍀 🌻     诚
    🍀 🌻  诚
    2021-12-20
    你的length是几
    
    2021-12-20
    有用
    回复 1
    • 葫芦娃
      葫芦娃
      2021-12-20
      理解了,谢谢啊
      2021-12-20
      回复
登录 后发表内容