v-for :class 更改后无效?

[aoscici2000]

<button
    v-for="catalog in catalogs"
    :key="catalog.id"
    :class="{'active': current_catalog==catalog.name}"
    @click="change(catalog.name)"
    >
    {{ catalog.name }}
</button>

data() {
    return {
        catalogs: [{}, ...],
        current_catalog: ''
    }
}

如题: 当我更改 current_catalog 的时候, 好像 active 并没有生效?

页面并不刷新, change()只是更改了 current_catalog 的值和发一个 ajax

[aoscici2000]

@SilentDepth this.$set 也试过了，也是一样死活不响应

[SilentDepth]

刚注意到我上面说的不准确，调用 catalogs 的变异方法或直接对 catalogs 赋值是可以触发响应式更新的，只有直接访问数组元素内容时才不行。

但不管怎样 this.$set( ) 不应当失败。还是需要你发出来代码看一下。

[aoscici2000]

@SilentDepth 代码发在另外一个帖上 https://www.v2ex.com/t/589034 回复里更改了 this.$set(this, 'catalogs', resp.data.data)