vue中的v-if和v-show,页面中的判断和元素隐藏显示
v-if当值为true时,创建元素, 值为false时,删除元素用来在页面中判断<h2 v-if="flag">v-if控制的元素</h2>v-show当值为true时,显示元素,值为false时,显示元素用来操作元素的隐藏显示<h2 v-show="flag">v-show控制的元素</h2>js代码<!--导入vue.js...
·
v-if当值为true时,创建元素, 值为false时,删除元素
用来在页面中判断
<h2 v-if="flag">v-if控制的元素</h2>
v-show当值为true时,显示元素,值为false时,显示元素
用来操作元素的隐藏显示
<h2 v-show="flag">v-show控制的元素</h2>
js代码
<!--导入vue.js-->
<script src="./vue.js"></script>
<script>
//创建一个vue实例
var vm = new Vue({
el:"#app", //指定实例控制的DOM元素
data:{ //存储页面数据
flag:false //指定v-if和v-show的默认值
},
methods:{ //在此处定义实例可用的所有方法
}
})
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)