计算机网络/计算机科学与应用/系统/运维/开发

Vue 条件判断相关指令

一、v-if 指令

image.png


二、判断一组元素

使用<template>元素包裹元素

<!-- template包裹一组元素 -->
<template v-if="show">
    <span>1</span>
    <span>2</span>
</template>


三、v-else / v-slse-if 指令

image.png


四、v-show指令

该指令是根据表达式来判断是显示还是隐藏dom元素

隐藏时 内联样式 添加了一个style="display:none"

image.png


读书和赚钱都是一个人最好的修行,前者使人不惑,后者使人不屈,二者结合,便可不困于世,不流于俗

评论

^