1. 首页
  2. 移动开发
  3. HTML5
  4. Vue.js 点击按钮显示/隐藏内容

Vue.js 点击按钮显示/隐藏内容

上传者: 2019-07-06 21:45:06上传 HTML文件 795B 热度 48次
如何使用vue进行按钮点击后指定区域内容隐藏,再次点击按钮隐藏内容显示。实现思路:首选需要设置一个属性为true(show:true),然后使用v-if把show属性绑定到要显示与内容的标签身上,最后给点击按钮添加点击事件,当show属性为true就设置为false,为false就设置为true(this.show=!this.show)即可。
用户评论