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

时间:2021-07-11 09:52:31
【文件属性】:

文件名称:Vue.js 点击按钮显示/隐藏内容

文件大小:795B

文件格式:HTML

更新时间:2021-07-11 09:52:31

vue 按钮 显示 隐藏

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


网友评论