支持以下三种方式
//方法一:
<template #default="scope">
<mtd-tag
v-for="item in scope.row.customLabelVo"
:key="item.id"
:style="getColor(item.color)" >
<div :style="getColor(item.color)">{{ item.name }}</div></mtd-tag>
</template>
method:
getColor(val){
var value = "border-color:"+val+";"+"color:"+val
return value
}
//方法二:
<i class="mtdicon mtdicon-check" :style="{ '--font-left': curColor }"></i>
.mtdicon-check {
position: absolute;
top: 10px;
left: var(--font-left);
}
//方法三
<i class="mtdicon mtdicon-check":style="{'border-color': reportType === '1' ? '#0A70F5':'',height:'148px'}"></i>
.mtdicon-check {
position: absolute;
top: 10px;
left: var(--font-left);
}