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

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

image

点击左侧三个选项后变为

image

wxml结构以及样式如下

image

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

image

可见该处的样式根本没有被渲染！！！！！！

_(:з」∠)_

在开发者论坛提问与查询无果，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>

难道是class部分三目运算符的锅？修改一下

<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>

然后就好了……好了……好了……

_(xз」∠)_