指令v-if v-else v-show

Posted CallBack

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了指令v-if v-else v-show相关的知识,希望对你有一定的参考价值。

v-show :将元素display
v-if :remove dom元素
v-else 的运用:else 必须跟在v-if 或者v-show后面
<div v-if="Math.random() > 0.5"> Now you see me </div>
<div v-else> Now you don‘t </div>
 
这里面可以传参 对象。数组。字符串。对象可以是{color:true} 这样来判断是否显示等等。

以上是关于指令v-if v-else v-show的主要内容,如果未能解决你的问题,请参考以下文章

v-if & v-else & v-show

Vue.js 源码分析(十七) 指令篇 v-ifv-else-if和v-else 指令详解

v-if,v-else,v-else-if的使用

5.8v-if等

Vue条件与循环

第八篇 vue