当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 一起学Vue之条件判断

一起学Vue之条件判断

2020年01月17日  | 移动技术网IT编程  | 我要评论

在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 

                    

                        

                            
                        

                    

                    


                    
                    

                        
    
                            
  • 
                                
                            
    • 
                        

                    


                    
                    

                    

                        
您可能感兴趣的文章:

                        
                    

                    

                        如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！
                        点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网