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

如下所示：

<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的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持错新站长站。