ant-design-vue中table组件使用customRender渲染v-html

ant-design-vue遇到table中列表数据需要高亮渲染

1、customRender可以使用,但是使用v-html发现不生效还报错

javascript 复制代码
const columns = [
    title: 'name',
    dataIndex: 'name',
    customRender: (val, row) => {
        return <span v-html={val}></span>
    }
]

2、customeRender函数返回肯定是jsx语法,于是发现这样写可以

javascript 复制代码
const columns = [
    title: 'name',
    dataIndex: 'name',
    customRender: (val, row) => {
        return <span domPropsInnerHTML={val}></span>
    }
]
相关推荐
纆兰12 分钟前
汇款单的完成
前端·javascript·html
Lsx_31 分钟前
案例+图解带你遨游 Canvas 2D绘图 Fabric.js🔥🔥(5W+字)
前端·javascript·canvas
2501_9445210044 分钟前
rn_for_openharmony商城项目app实战-主题设置实现
javascript·数据库·react native·react.js·ecmascript
北辰alk1 小时前
Vue 路由跳转完全指南:8种跳转方式深度解析
vue.js
北辰alk1 小时前
Vue v-for 遍历对象顺序完全指南:从混乱到可控
vue.js
m0_471199631 小时前
【场景】如何快速接手一个前端项目
前端·vue.js·react.js
北辰alk1 小时前
Vue Router 中 route 和 router 的终极区别指南
vue.js
lili-felicity1 小时前
React Native for Harmony 个人消息列表最新消息置顶实现(多维度权重统计)
javascript·react native·react.js
Tigger1 小时前
用 Vue 3 做了一套年会抽奖工具,顺便踩了些坑
前端·javascript·vue.js
OpenTiny社区2 小时前
OpenTiny 2025年度贡献者榜单正式公布~
前端·javascript·vue.js