收藏
回答

wx:if 条件为 false,wx:for依旧渲染?

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 2.24.1
      <view>{{ticket.vehicle==="train"}}</view>
      <view
        wx:if='{{ticket.vehicle==="train"}}'
        wx:for='{{ticket.price_list}}'
        wx:key='index'
        class='seat'
        style='display: flex;'
        wx:if='{{index < 3}}'
      >
        <view style='display: flex; font-size: 20rpx;'>
          <view>{{item.name}}:</view>
          <view>{{item.num}}</view>
        </view>
      </view>


部分字段:

'ticket' : {
    "price": 2230,
    "price_list": [
            {
              "cabin_code": "J",
              "cabin_name": "公务舱",
              "discount": 297,
              "master": 76559,
              "price": 6620
            },
            {
              "cabin_code": "C",
              "cabin_name": "公务舱",
              "discount": 149,
              "master": 76559,
              "price": 3320
            },
            {
              "cabin_code": "D",
            "cabin_name": "公务舱",
          "discount": 135,
          "master": 76559,
          "price": 3010
        },
        {
          "cabin_code": "Q",
          "cabin_name": "公务舱",
          "discount": 130,
          "master": 76559,
          "price": 2900
        },
        {
          "cabin_code": "Y",
          "cabin_name": "经济舱",
          "discount": 100,
          "master": 76559,
          "price": 2230
        },
        {
          "cabin_code": "M",
          "cabin_name": "经济舱",
          "discount": 90,
          "master": 76559,
          "price": 2010
        },
        {
          "cabin_code": "E",
          "cabin_name": "经济舱",
          "discount": 82,
          "master": 76559,
          "price": 1830
        },
        {
          "cabin_code": "K",
          "cabin_name": "经济舱",
          "discount": 77,
          "master": 76559,
          "price": 1720
        },
        {
          "cabin_code": "L",
          "cabin_name": "经济舱",
          "discount": 63,
          "master": 76559,
          "price": 1400
        },
        {
          "cabin_code": "N",
          "cabin_name": "经济舱",
          "discount": 53,
          "master": 76559,
          "price": 1180
        },
        {
          "cabin_code": "R",
          "cabin_name": "经济舱",
          "discount": 43,
          "master": 76559,
          "price": 960
        },
        {
          "cabin_code": "S",
          "cabin_name": "经济舱",
          "discount": 35,
          "master": 76559,
          "price": 780
        },
        {
          "cabin_code": "V",
          "cabin_name": "经济舱",
          "discount": 24,
          "master": 76559,
          "price": 540
        }
      ],
      "vehicle": "flight",
}


渲染结果:

冒号也被渲染了


我知道vue有这个问题,难道微信这边是 .replace('v', 'wx')?

最后一次编辑于  2022-05-12
回答关注问题邀请回答
收藏

3 个回答

  • Frank
    Frank
    2022-05-12

    别这样写啊,兄逮,vue现在 if 和 for写一层也会报错的。分开写吧,逻辑也清楚一些

    2022-05-12
    有用 1
    回复
  • 微盟
    微盟
    2022-05-13

    首先小程序中for和if可以写在一起,但是你的wx:if写的是不是有点问题:

    wx:if="{{ ticket.vehicle === "train" && index < 3 }}"
    


    为什么不这样写呢,你上面写的这种wx:if的判断,在小程序中通过语法解析时候,会把你的第一个wx:if被第二个给覆盖掉。建议写法严谨一些。

    2022-05-13
    有用
    回复
  • 小黎
    小黎
    2022-05-12

    这个是啥

    2022-05-12
    有用
    回复
登录 后发表内容