解决需求:
要对el-table所依赖的数据源中boolean数据进行判断,输出对应结果内容
解决方案:
利用Vue3引入的列表渲染语法#default="scope"
,给插槽添加#default
,将默认内容绑定到scope
变量上,然后插槽内部访问该变量并进行相关操作。
<el-table-column prop="if_crisis" label="是否预警" width="100" algin="center">
<template #default="scope" >
<span v-if="scope.row.if_crisis">是</span>
<span v-else>否</span>
</template>
</el-table-column>
关于#default="scope",可见链接文章:
http://t.csdnimg.cn/MAzvL