欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

一起学Vue之条件判断

程序员文章站 2024-01-28 15:49:10
在Vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用,如有不足之处,还请指正。 ......

在vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用,如有不足之处,还请指正。

v-if 指令

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 可以用 v-else 添加一个“else 块”,也可以不用。v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。

如下所示:如果isgood为true,则显示【vue is good!】否则显示【oh no】。

1 <h3 v-if="isgood">vue is good!</h3>
2 <h3 v-else>oh no 

                    
                
(0)
打赏 一起学Vue之条件判断 微信扫一扫

相关文章:

  • 一起学Vue之条件判断

    react-组件

    react中的组件组件 react组件介绍 在React中,构造函数,就是一个最基本的组件 如果想要把组件放到页面中,可以把 构造函数的名称,当作 ... [阅读全文]
  • 一起学Vue之条件判断

    复杂系统架构设计<1>

    这两天开始读由Edward Crawley(爱德华 克劳利)、Bruce Cameron(布鲁斯 卡梅隆)、Daniel Selva(丹尼尔 塞尔瓦... [阅读全文]
  • 一起学Vue之条件判断

    jQuery---属性操作

    样式:在style里面写的,用css来操作 属性:在里面里面写的,用attr方法操作 //设置单个属性 //attr(name, value) $(... [阅读全文]
  • 一起学Vue之条件判断

    对Python日期的加减等操作

    1. 日期输出格式化 所有日期、时间的api都在datetime模块内。 1. datetime = string strftime是datetim... [阅读全文]
  • 一起学Vue之条件判断

    react-生命周期

    组件的生命周期 + 概念:在组件创建、到加载到页面上运行、以及组件被销毁的过程中,总是伴随着各种各样的事件,这些在组件特定时期,触发的事件,统称为 ... [阅读全文]

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

一起学Vue之条件判断
验证码: 一起学Vue之条件判断