<template slot-scope="scope">
<span
:style="{
color: scope.row.isInspection ? '#F56C6C' : ''
}"
>
{{
inspectionStatusList.find(item => item.value === scope.row.isInspection)
? inspectionStatusList.find(item => item.value === scope.row.isInspection).label
: ''
}}
</span>
</template>
这段代码展示了如何在 Vue 模板中使用 slot-scope 并根据数据动态设置元素颜色。通过检查 `isInspection` 属性,为元素应用不同的颜色。同时,它使用了一个名为 `inspectionStatusList` 的数组来查找与 `isInspection` 相匹配的标签文本。
1万+

被折叠的 条评论
为什么被折叠?



