以下元素的Vue 2切换类

Question

我正试图在点击时切换另一个div的类。

类似的东西：

<div class="link">
 <p> Click here to show the content </p>
 <div class="content">
  <p>This is the hidden content</p>
 </div>
</div>

所以内容css最初应该是：display：none

如何在vue上执行此操作，单击p时，切换下面的元素。

提前thnx！

Answer 1

如果您使用v-show directive，则不需要使用css类：

<div class="link">
  <p @click="show = true"> Click here to show the content </p>
  <div v-show="show" class="content">
    <p>This is the hidden content</p>
  </div>
</div>

在您的Vue组件中，您只需添加最初设置为show的{​​{1}}属性：

false