对vue v-if v-else-if v-else 的简单使用详解

作者：袖梨 2022-06-25

首先vue.js请注意 2.1.0版本以上方可使用v-else-if


 
 
 
 
 
 
 
 
 
 
 
  A
 
 
  B
 
 
  C
 
 
  Not A/B/C
 
 
 
 
 ok!!!
 no!!!

` } var app = new Vue({ el:'#box',// ().$mount("#box"); data:{ type:'C', loginType:'username' }, components:{ "my-form":MyForm }, methods:{ toggleFun: function() { this.loginType = this.loginType === 'username'? 'email':'username'; } }, created:function (){ } });

页面展示如下：