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>
    }
]
相关推荐
吴声子夜歌17 分钟前
Vue3——Vue CLI
前端·javascript·vue.js
我的世界洛天依23 分钟前
洛天依讲编程:调音教学|调性 ——MIDI 里的「钩子函数」
linux·前端·javascript
Cobyte36 分钟前
7.响应式系统比对:手写一个响应式状态库并应用在 React 上
前端·javascript·vue.js
渔舟小调37 分钟前
P18 | Element Plus 通用 CRUD 页面模板:一个模板覆盖 80% 管理页面
javascript·vue.js·elementui
幽络源小助理1 小时前
二维码生成与解析工具HTML源码_纯前端响应式二维码制作_幽络源源码
前端·html
1314lay_10071 小时前
匿名插槽和具名插槽的使用
前端·javascript·vue.js
aq55356001 小时前
HTML头部元信息避坑指南
前端·html
A923A1 小时前
Vue 和 React 常用脚手架工具总结
前端·vue.js·react.js·脚手架
skywalk81631 小时前
CherryStudioWeb:一个优雅的 AI 聚合导航页,让你在一个页面访问所有主流 AI 服务。
前端·css·人工智能·html
Highcharts.js1 小时前
步骤总结|使用 React + Highcharts 实现动态更新图表
前端·javascript·react.js·前端框架·highcharts·图表渲染