v-show最简单点击切换（显示隐藏）

最新推荐文章于 2024-07-19 10:16:01 发布

H@Z*rTE|i

最新推荐文章于 2024-07-19 10:16:01 发布

阅读量2k

点赞数 3

分类专栏：隐藏元素的的方法文章标签： vue.js html

本文链接：https://blog.csdn.net/IT13333/article/details/118572745

版权

隐藏元素的的方法专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
    <h1 v-show="ok">Hello!</h1>
	<h2 v-show="isshow" @click="isshow=!isshow">55555<h2/>
	<h2 v-show="!isshow" @click="isshow=!isshow">666<h2/>
</div>
	
<script>
new Vue({
  el: '#app',
  data: {
    ok: true,
	  isshow:true
  }
})
</script>
</body>
</html>