Javascript 使用Vue在表的td中显示Div不是被动的

我有一个表，最后一列是一个div，其中有三个选项（查看、编辑和删除）。此子菜单始终处于隐藏状态，但当我单击表格最后一列的“选项”按钮时，用于控制显示内容的数组将更新为true（它应该显示），但我的页面中没有发生任何事情

这是我的HTML代码

<td class="kt-datatable__cell">
    <span style="overflow: visible; position: relative; width: 197px;">
        <center>
            <div class="dropdown">
                <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md" @click="toggleHover(index)"
                 v-bind:class="{'show': hover[index]}">
                    <i class="flaticon2-shield"></i>
                </a>
                <div v-bind:class="{'show': hover[index]}" class="dropdown-menu">

如果我在从服务器获取数据后立即将随机位置设置为true，则会显示，但当我尝试通过单击来更改此设置时，什么也不会发生。

这是一个值，因此您应该执行以下操作：

methods: {
    toggleHover(index) {
        this.$set(this.hover,index , !this.hover[index]);
    }

methods: {
    toggleHover(index) {
        this.$set(this.hover,index , !this.hover[index]);
    }