vue根据值给予不同class的实例
更新时间：2018年09月29日 10:03:52 作者：sayid760
今天小编就为大家分享一篇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的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue实现登录功能的步骤，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
今天小编就为大家分享一篇使用electron将vue-cli项目打包成exe的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了一次Vue中computed没有触发的原因以及排查经历,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
在我们写vue项目的时候,都会引入一些组件库,有时候有可能还不止一个组件库,那么如何优雅的实现自动引入组件呢,下面小编就来和大家详细讲讲吧2023-09-09
这篇文章主要介绍了Vue中使用的EventBus有生命周期的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-07-07
在vue3中,如果你用reactive声明了一个对象,用另一个对象直接给它赋值,那么它就会失去响应式,下面这篇文章主要给大家介绍了关于Vue3中reactive丢失响应式问题的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了vue3中的 $attrs 与 Attributes 继承的相关资料,首先介绍了什么是Attributes 继承,结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-02-02
最近刚好有个功能需要实现列表的无限循环滚动,这篇文章主要给大家介绍了关于vue组件实现列表自动无限循环的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
Element-UI表格嵌入popover遇到的问题及解决方案
在表格中我们通常需要在每一行的一些单元格中显示popover,这篇文章主要给大家介绍了关于Element-UI表格嵌入popover遇到的问题及解决方案,需要的朋友可以参考下2023-11-11
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
这篇文章主要介绍了element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
最新评论