收藏
回答

自定义组件点击更新数据后样式失效

问题模块
API和组件



实现一个自定义的筛选框,打开后效果如下

点击左侧三个选项后变为


wxml结构以及样式如下


失效标签处渲染的样式如下



-----------------------------------------------已解决--------------------------------------------------------


之前的代码结构如下

<block
  wx:for="{{filter}}"
  wx:key="index"
  wx:item="item"
>
  <text
    class="filter-item {{item.asc ? 'filter-item--asc' : ''}}"
    data-index="{{index}}"
    bind:tap="filterItemTap"
  >{{item.name}}</text>    </block>

改为即可

<block
  wx:for="{{filter}}"
  wx:key="index"
  wx:item="item"
>
  <text
    wx:if="{{item.asc}}"
    class="filter-item filter-item--asc"
    data-index="{{index}}"
    bind:tap="filterItemTap"
  >{{item.name}}</text>
  <text
    wx:else
    class="filter-item"
    data-index="{{index}}"
    bind:tap="filterItemTap"
  >{{item.name}}</text>
</block>
最后一次编辑于  2017-12-01
回答关注问题邀请回答
收藏

4 个回答

  • 腾蛟
    腾蛟
    2018-03-27

    一样 遇见好几次了 就是自定义组件中 class='{{这里}}' 这里写三元就像没用一样  我的也是Mac  谢谢楼主的解决方式

    2018-03-27
    赞同
    回复
  • Lauturri
    Lauturri
    2017-12-01

    而且真机上也有这个问题

    2017-12-01
    赞同
    回复
  • Lauturri
    Lauturri
    2017-12-01

    不是哦,是MAC OS 10.12.6 (16G1036)

    2017-12-01
    赞同
    回复
  • 强中自有强中手,两个胖子并排走
    强中自有强中手,两个胖子并排走
    2017-12-01

    你的电脑是win10 吧? 如果是的话,同问,我的帖子都没人回答的

    2017-12-01
    赞同
    回复