在Vue中隐藏div onclick

小宇宙神乐2020-03-19

单击Vue.js时如何隐藏元素？只有一个要隐藏的元素。

jQuery解决方案如下所示：

$('.button').click(function() {
  $('.hideme').hide();
);

但是Vue.js等效于什么？

MonsterKKNear2020/03/19 14:40:42

<div>
    <div>

        <button v-on:click="isHidden = !isHidden">Toggle hide and show</button>

        <h1 v-if="!isHidden">Hide me on click event!</h1>
    </div>
</div>

name: "Modal",
    data () {
        return {
            isHidden: false
        }
    }

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer