📜  Vue.js | v-else 指令

📅  最后修改于: 2022-05-13 01:56:29.515000             🧑  作者: Mango

Vue.js | v-else 指令

v-else指令是一个Vue.js指令,用于仅在不满足 if 条件时切换元素的显示 CSS 属性。首先,我们将创建一个 id 为app的 div 元素,然后将v-else指令应用于包含数据的元素。现在我们将通过使用包含该值的 data 属性初始化一个 Vue 实例来创建此数据。

句法:

v-else

参数:该指令不接受任何参数。
示例 1:此示例使用 VueJS 使用算术条件显示带有 v-else 的元素。

HTML


  

    
        VueJS | v-else directive
    
  
    
    

  

    
        

            GeeksforGeeks         

                     VueJS | v-else directive              
       
        
            

a is greater than 10

            

a is smaller than or equal to 10

        
    
       


HTML


  

    
        VueJS | v-else directive
    
  
    
    

  

    
        

            GeeksforGeeks         

                     VueJS | v-else directive              
       
        
            

if is executed

            

else is executed

        
    
       


输出:

示例 2:此示例使用 VueJS 使用布尔值显示带有 v-else 的元素。

HTML



  

    
        VueJS | v-else directive
    
  
    
    

  

    
        

            GeeksforGeeks         

                     VueJS | v-else directive              
       
        
            

if is executed

            

else is executed

        
    
       

输出: