热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

在元素与template中使用vif指令详解

web前端|js教程template,v-if,指令web前端-js教程这篇文章主要给大家介绍了关于Vue.js学习记录之在元素与template中使用v-if指令的相关资料,文中

web前端|js教程在元素与template中使用v-if指令详解
template,v-if,指令
web前端-js教程
这篇文章主要给大家介绍了关于Vue.js学习记录之在元素与template中使用v-if指令的相关资料,文中给出了详细的示例代码供大家参考学习,相信对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
csol自瞄源码,vscode关闭遥测,ubuntu 局域网唤醒,tomcat 内存满,安卓sqlite 查询,bootstrap 图片上传插件,前端什么框架用得多,python反爬虫豆瓣,php的ajax请求,北大青鸟seo培训,网站盗取源码,网页条形码生成,透明登录界面模板,dz下载页面模板,订单管理系统mysql编写,小程序仿视频平台源码lzw
本文主要给大家介绍的是关于Vue.js在元素与template中使用v-if指令的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:
源码下载saas,更新ubuntu 14源,爬虫程序简单代码,php scws,seo551lzw
语法比较简单,直接上代码:
设施设备管理系统 源码,ubuntu安装后显卡,tomcat有哪几个端口号,爬虫笔记教学视频,php7基本语法1到9,sem seo工资lzw

在Vue.js中,当判断语句为true,可以显示信息,当为false时候不显示

我是 show1,默认是开启的(true),当你设置false我不显示!

我是 show2,默认是关闭的,当你设置show2的值为true,我会被显示!

new Vue({ el: '#wangtuizhijiademo', data: { instruction:true, show1: true, show2: false } })

true为开启状态,false为关闭状态。

在元素与template中使用v-if指令详解

有兴趣的可以试试把 show2: false的false改为true,可以看到两条信息,如下:

在Vue.js中,当判断语句为true,可以显示信息,当为false时候不显示

我是 show1,默认是开启的(true),当你设置false我不显示!

我是 show2,默认是关闭的,当你设置show2的值为true,我会被显示!


推荐阅读
author-avatar
干杯13ds_198
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有