vue.js使用v-if实现显示与隐藏功能示例
作者：_code小学生 发布时间：2024-05-02 16:59:50
标签：vue.js,v-if
本文实例讲述了vue.js使用v-if实现显示与隐藏功能。分享给大家供大家参考，具体如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- Vue.js -->
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
</head>
<body>
<div id="app">
<p v-if="show">显示这段文本</p>
</div>
</body>
</html>
<script>
//当数据show的值为true时，p元素会 * 入，为false时会被移除
var myData = {
show:true
};
var app = new Vue({
el:'#app',
data:myData,
})
</script>
此处的v-if判断show为true，正常显示P元素文本，如下图所示：
希望本文所述对大家vue.js程序设计有所帮助。
来源：https://blog.csdn.net/code_pupil/article/details/79677747
0
投稿猜你喜欢
Python图片处理模块PIL（pillow）pywin32的主要作用1.捕获窗口；2.模拟鼠标键盘动作；3.自动获取某路径下文件列表；4.- “输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。”– 《HTML权威指南》Web 应用程序总是
- 有时候，我们可能想在django中写一些代码来测试某些功能，我们希望在django项目中单独运行某个python文件来做这项测试工作。但是如
- 1、TransBigData简介TransBigData是一个为交通时空大数据处理、分析和可视化而开发的Python包。TransBigDa
- 每次查询分析器寻找路径时，并不会每一次都去统计索引中包含的行数，值的范围等，而是根据一定条件创建和更新这些信息后保存到数据库中，这也就是所谓
- 本篇文章主要基于python语言和OpenCV库（cv2）进行车牌区域识别和字符分割，开篇之前针对在python中安装opencv的环境这里
- 1.正则表达式是什么很简单就是一种字符串匹配，eg: 比如你在注册账户时我们需要对用户的用户名判断是否合法，这时候就需要对用户输入的检索，或
- 前言近日在做一个报表功能里面有一个这样的需求是统计各部门在某一月入职和离职的人数我的步骤先查出入职的人数SELECT dept ,COUNT
- pytorch设置随机种子pytorch设置随机种子 - 保证复现模型所有的训练过程在使用 PyTorch 时，如果希望通过设置随机数种子，
- 再看继承真正的大餐来之前，还是来点儿开胃菜！回顾一下关于类的继承的知识：我们先看上面的代码，这是一个简单的类继承，我们可以看到父类Base和
- DJANGO-ALLAUTH是github上面排名较高的django user系统.本来通过对比是想选用django-userea的,可是博
- 例子：1:www.jb51.net2:www.jb51.net3:www.jb51.net4:www.jb51.net5:www.jb51.
- 1. Map 使用时需要注意哪些问题?Map 的键必须是可比较的类型，如整数、字符串和指针等，但是切片、函数和结构体等类型是不可比较的，因此
- 1.执行时间 window.onl
- 这篇文章主要介绍了Python hashlib加密模块常用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价
- 前言本文主要给大家介绍了关于laravel5异常错误FatalErrorException in Handler.php line 38的解
- 本人电脑是windows系统，装了Python3.7版本，但目前tensorflow支持最新的python版本为3.6，遂想再安装Pytho
- 现有表格中的一行的代码如下所示： 效果可以看下具体51搜索展示http://www.51bt.cc，结合Xunsearch全文检索技术，可以
- 如下所示：def findSmallest(arr): smallest = arr[0]#将第一个元素的值作为最小值赋给smallest
- 一、xpath:基本属性定位上一篇文章讲了通过元素的id、name、class这些属性定位的用户，使用xpath方法结合元素属性也可以很准确
