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的主要内容,如果未能解决你的问题,请参考以下文章

前端框架Vue------>第一天学习 v-if

VUE 之 JS指令

Vue.js提供了哪些内置指令,至少写出五个。

Vue的 v-if 与 v-show 指令

Vue学习之路6-条件渲染

vue中的v-if指令判断某个元素满足多个条件的写法同时也适用于逻辑判断的代码中优雅的判断可用于vue的标签上