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

发布于 7 年前作者 xcheng7269 次浏览最后编辑 7 年前来自 ask

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

点击左侧三个选项后变为

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>
4 回复
fang05
fang051 楼6 年前

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

junzheng
junzheng2 楼6 年前

而且真机上也有这个问题

junzheng
junzheng3 楼6 年前

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

zsun
zsun4 楼5 年前

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