美文网首页
1.8、vue中的分支语句 v-if v-show

1.8、vue中的分支语句 v-if v-show

作者: flyjar | 来源:发表于2021-08-09 09:49 被阅读0次

八、vue中的分支语句

v-if v-else v-else-if

<div v-if="test"></div>      //test=true时,当前div显示
<div v-else="test"></div>    //test=fasle时,当前div显示
<div v-else-if="test2"></div> //test=false,test2=true 当前div显示

v-show

<div v-show="test"></div> //test=true,当前div显示 ,false隐藏

v-show和v-if相似,v-show是操作的元素的display属性,而v-if,是渲染不渲染次元素。所以v-show的效率更高

相关文章

网友评论

      本文标题:1.8、vue中的分支语句 v-if v-show

      本文链接:https://www.haomeiwen.com/subject/vovntltx.html