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

【问题标题】：Is there a way I can use $set with a condition?有没有办法可以将 $set 与条件一起使用？
【发布时间】：2020-01-15 08:54:05
【问题描述】：

当我第一次点击时，值变为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？

【问题讨论】：

标签： javascript html vue.js vuex

【解决方案1】：

应该是：

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

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

例如

@click="onClick"

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

【讨论】：

谢谢！这正是我所需要的