一起学Vue之条件判断

在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)

打赏 微信扫一扫

相关文章:

• 

  mysql查询时不区分大小写

  一次偶然的机会，发现在登陆验证时，改变用户名的大小写，同样可以登录成功，这是由于，当时使用的mysql数据库对大小写不敏感,查询时总是能查询到数据。... [阅读全文]
• 

  python实现tail -f 功能

  这篇文章最初是因为reboot的群里，有人去面试，笔试题有这个题，不知道怎么做，什么思路，就发群里大家讨论 我想了一下，简单说一下我的想法吧，当然，... [阅读全文]
• 

  Python爬虫连载3-Post解析、Request类

  一、访问网络的两种方法 1.get：利用参数给服务器传递信息；参数为dict，然后parse解码 2.post：一般向服务器传递参数使用；post是... [阅读全文]
• 

  快速回顾MySQL：汇总和分组

  10.3 汇总数据 我们经常需要汇总数据而不用把它们实际检索处出来，为此MySQL提供了专门的函数。使用这些函数，MySQL查询可用于检索数据，以便... [阅读全文]
• 

  浏览器应用集成嵌入WPS指南

  因为该WPS插件使用NPAPI机制来和浏览器交互，故要求使用插件的浏览器必须支持NPAPI机制且必须开启NPAPI机制。以下是支持的常见的浏览器及其... [阅读全文]

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

发表评论

验证码：