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
        
    
  
    
        var app = new Vue({
            el: '#app',
            data: {
                a: 9
            }
        })
    

输出：

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

HTML

  

    
        VueJS | v-else directive
    
  
    
    
    

  

    
        
            GeeksforGeeks
        
        
            VueJS | v-else directive
        
    
  
    
        
            if is executed
            else is executed
        
    
  
    
        var app = new Vue({
            el: '#app',
            data: {
                data: false
            }
        })
    

输出：