示意图
给两个不同的icon取一样前缀的名字,然后判断是否是正数,或者负数
<el-table :data="tableData" style="width: 100%" border height="calc(100vh - 320px)">
<el-table-column label="增加值">
<template slot-scope="scope">
<div>{{ scope.row.addUsed }}
<svg-icon :icon-class="getAddUsedVal(scope.row.addUsed)"></svg-icon>
</div>
</template>
</el-table-column>
<el-table-column label="环比">
<template slot-scope="scope">
<div>{{ scope.row.scale }}
<svg-icon :icon-class="getAddUsedVal(scope.row.scale)"></svg-icon>
</div>
</template>
</el-table-column>
</el-table>
methods: {
// 判断值
getAddUsedVal(v) {
v = v + ''
let res = ''
if (v === '0.0' || v === '0' || v === '-') {
res = ''
} else if (v.indexOf('-') > -1) {
res = 'down'
} else {
res = 'up'
}
return res
},