ElementUI 中table表格数据解析渲染html

最新推荐文章于 2024-08-20 04:09:25 发布

ChargingPile

最新推荐文章于 2024-08-20 04:09:25 发布

阅读量571

点赞数

文章标签： elementui 前端

本文链接：https://blog.csdn.net/weixin_41009649/article/details/134427365

版权

含有html的 json 数据可以用 v-html 渲染

                    <el-table-column
                            prop="detail"
                            label="查看详情">
                        <template slot-scope="scope">
                            <div v-html="scope.row.detail"></div>
                        </template>
                    </el-table-column>

数据格式

[
    {
        "name": "数据1",
        "detail": "资产[中关2优B]定义不完整"
    },
    {
        "name": "数据2",
        "detail": "<a target=\"_blank\" href=\"https://www.baidu.com/\">查看详情</a>"
    }
]

页面渲染为
在这里插入图片描述