Vue指令5:v-if
Posted goodman8
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue指令5:v-if相关的知识,希望对你有一定的参考价值。
条件判断(v-if\v-else)
v-if 指令将根据表达式的真假值(true 或 false )来决定是否插入 元素。
<div id="app">
<ul v-if="ok">
<li>
这是一段文本字符串这是一段文本字符串这是一段文本字符串这是一段文本字符串
这是一段文本字符串这是一段文本字符串这是一段文本字符串这是一段文本字符串
</li>
</ul>
<ul v-else>
<li>
这是小五当官这是小五当官这是小五当官这是小五当官
</li>
</ul>
</div>
<script>
new Vue({
el: ‘#app‘,
data: {
ok: true
}
})
</script>
以上是关于Vue指令5:v-if的主要内容,如果未能解决你的问题,请参考以下文章