小编Jos*_*ays的帖子

我使用以下数据创建了一个 vue 组件：

data: function () {
    return {
        hwshow: [false, false, false, false, false, false, false, false, false, false],
    };
},

以及切换这些值的方法：

methods: {
    fliphw: function (index) {
        this.hwshow[index] = !this.hwshow[index];
        console.log(this.hwshow);
    },
},

在 html 我有

<li v-show="hwshow[0]">foo bar</li>

我知道正在调用 fliphw 函数（因为 console.log），但是当 的值为hwshow[0]true 时 foo bar 仍然没有出现。当我切换到使用布尔值而不是布尔值数组时，它可以工作。为什么？如果我无法访问一组布尔值，还有什么其他解决方案可以解决这个问题？