我们在设置动态且复杂的类名时,可以使用Vue的:class。
如下面的代码所示:
<i :class="classObject(item)"></i>
函数为:
const classObject = (item) => {
return {
iconfont: true,
icon: true,
[item.icon]: true,
[item.color]:true
};
};
可以从item中取值配置类名和配置是否使用该类名,能实现动态且复杂的类名显示需求。