vue uni-app class无法根据数组长度动态更改

遇到了一个比较神坑的问题，就是通过数组的长度控制class，数组长度明明已经更新，但是class就是不更改！代码如下，加上了测试数组变化长度的代码：

<button class="light-btn" @tap="cancel" :class="{'dis-btn': listData.length == 0}">取消组盘{
  {listData.length == 0}}</button>

页面onShow后一切正常


此时listData.length为1， listData.length == 0已经是false，但是class中的“dis-btn”依旧在！

反正我是无法理解了。。。。。在v-if指令中使用是正常的，但是class就不行==
无奈之下。。。。。。。。。。。。。。。
我改用了computed的方式去控制，解决这个脑阔想不通的