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

时间:2017-03-12 17:00:00

标签: javascript vue.js

所以,我使用onclick函数来切换div的可见性,如下所示:

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

这很有效,但是当我想要使用两次点击时,我遇到了问题。我有一个按钮,我想用它来运行一个功能,将项目添加到购物车(addCart(item)),我也希望这个功能切换我的div的可见性。现在,你不能两个v-on:点击这样我创建了另一个函数:

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

当我在我的v-on上运行此功能时:点击它似乎不想工作,因为它只将它添加到购物车,但不会扩展我的div。我可能在语法错误,但我无法找到解决方案。

非常感谢对此有所帮助!

1 个答案:

答案 0 :(得分:0)

尝试:

this.expandDiv = !this.expandDiv