在Vue中隐藏div onclick

JavaScript Vue.js

小宇宙神乐

2020-03-19

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

jQuery解决方案如下所示：

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

但是Vue.js等效于什么？

第2411篇《在Vue中隐藏div onclick》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
MonsterKKNear 2020.03.19 
<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
        }
    }

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android