Vue——条件语句

最新推荐文章于 2023-04-20 07:30:00 发布

-森木-

最新推荐文章于 2023-04-20 07:30:00 发布

阅读量266

点赞数 1

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/senmu_/article/details/113139933

版权

本文介绍了Vue中用于条件渲染的指令，包括v-if、v-else、v-else-if和v-show。v-if根据表达式的真假决定元素是否插入DOM，而v-else和v-else-if提供条件判断的补充。v-if与v-show的区别在于，v-if会真正地移除或添加元素，v-show则是通过改变display样式控制元素的可见性。注意，如果元素初始样式为display:none，v-show无法使其显示。

摘要由CSDN通过智能技术生成

条件语句

首先需要导入vue.js 要用到的库： vue.min.js.

<script src="vue.min.js"></script>

1.v-if
v-if 指令将根据表达式ok 的值(true 或 false )来决定是否插入 p 元素。
在这里插入图片描述

<div id="app">
    <p v-if="ok">显示内容1</p>
    <div v-if="seen">显示内容2</div>
</div>
    
<script>
new

最低0.47元/天解锁文章

-森木-

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue——条件语句

条件语句首先需要导入vue.js 要用到的库： vue.min.js.<script src="vue.min.js"></script>1.v-ifv-if 指令将根据表达式ok 的值(true 或 false )来决定是否插入 p 元素。<div id="app"> <p v-if="ok">显示内容1</p> <div v-if="seen">显示内容2</div></div&gt
复制链接

扫一扫

专栏目录