在vue.js中,v-if指令可以控制元素的显示与隐藏,用法:
<div id="app" v-if="status">
我是div
</div>
<script>
var app = new Vue({
el: '#app',
data: {
status: 1
}
})
</script>
当同时要控制多个元素(比如多个div,或其他元素)的显示与否时,可以使用vue.js的内置指令template把这多个元素包含起来,如下:
<div id="app">
<template v-if="status">
<p> 我是div </p>
<p> 我是div </p>
<p> 我是div </p>
</template>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
status: 1
}
})
</script>
这样使用就可以让三个p标签同时控制了。
当然template标签不会作为渲染的结果。