javascript - 使用Vue.js在其他函数中调用onclick函数

因此，我正在使用onclick函数来切换div的可见性，如下所示:

<div class="div1" v-show="expandDiv">
<div class="div2"  v-on:click="expandDiv = !expandDiv">

这很好用，但是当我想使用两次单击时遇到问题。我有一个按钮，我想使用该按钮来运行将商品添加到购物车的功能(addCart(item))，并且我还希望该功能切换div的可见性。现在，您不能使用两个v-on:click，所以我创建了另一个功能:

expander() {
   cartAdd(item);
   expandDiv = !expandDiv;
}

当我在v-on:click上运行此函数时，它似乎并不想工作，因为它只是将其添加到购物车中，而不会扩展div。我可能在语法上是错误的，但找不到解决方案。

将不胜感激对此有所帮助!

最佳答案

尝试:

this.expandDiv = !this.expandDiv