当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue根据值给予不同class的实例

vue根据值给予不同class的实例

2018年10月03日  | 移动技术网IT编程  | 我要评论

大兵小品下载,至强传承,总裁的狼吻

如下所示：

<div class="chatbox-kuang" :class="addclass(skin)">
</div>
 
data(){
 return{
  skin:''
 }
}
onchooseskin(attr){
 this.skin=attr
},

方法一

addclass(i){
 switch (i) {
  case 0:
   return 'skina';
  case 1:
   return 'skinb';
  case 2:
   return 'skinc';
 }
}

方法二

addclass(i){
 var arr = ['skina','skinb','skinc'];
 if(i==-1){
  return 'skina'
 }else{
  return arr[i];
 }
}

以上这篇vue根据值给予不同class的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

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

相关文章:

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