如下所示：
<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的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
标签：
vue,class
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
内蒙古资源网 Copyright www.nmgbbs.com
暂无“vue根据值给予不同class的实例”评论...