javascript - 有没有办法可以将 $set 与条件一起使用？

Question

当我第一次点击时，该值更改为 true，但是如果我再次点击它，我找不到返回 false 的方法

我已经尝试过在 @click 上使用函数，但它对我有用的唯一方法是使用 $set

这是我的代码

<div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px" @click="$set(hovers, 27, true)">
    <span class="kt-header__topbar-icon" ><i class="flaticon2-search-1"></i></span>
</div>
<div class="dropdown-menu-search dropdown-menu-fit dropdown-menu-right dropdown-menu-top-unround dropdown-menu-anim dropdown-menu-lg" v-show="hovers[27]">
    <div class="kt-quick-search kt-quick-search--dropdown kt-quick-search--result-compact">
        <form method="get" class="kt-quick-search__form">
            <div class="input-group">
                <div class="input-group-prepend"><span class="input-group-text"><i class="flaticon2-search-1"></i></span></div>
                <input type="text" class="form-control kt-quick-search__input" placeholder="Pesquisar...">
                <div class="input-group-append"><span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span></div>
            </div>
        </form>
        <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="325" data-mobile-height="200"></div>
    </div>
</div>

有没有办法我可以使用 @click="$set..."如果它是 true 则更改为 false，如果它是 false 则更改为 true？

Answer 1

应该是:

@click="$set(hovers, 27, !hovers[27])"

作为一种方法，它也应该可以正常工作。如果没有更多信息，很难知道为什么这对您不起作用。

例如

@click="onClick"

onClick () {
  this.$set(this.hovers, 27, !this.hovers[27])
}