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>
    }
]
相关推荐
风止何安啊40 分钟前
网课倍速痛点解决:一套前端代码实现自由控速播放器
前端·javascript·node.js
越努力越幸运6643 分钟前
多模态代码调试实战:Gemini3.5 精准捕获 HTML 隐性语法
html
锋行天下2 小时前
如何用Vite实现Vue组件的按需打包和远程加载
前端·vue.js·前端框架
光影少年2 小时前
原生DOM操作在React 中的注意事项
前端·javascript·react.js
用户900463370402 小时前
用Gemini搞定Vue报错和语法异常的问题
vue.js
糖拌西瓜皮2 小时前
Node.js核心模块实战:文件、路径、HTTP与流处理
javascript·node.js
糖拌西瓜皮2 小时前
NestJS入门指南:Java开发者的Spring Boot体验
javascript·node.js
糖拌西瓜皮2 小时前
Express框架快速上手:中间件、路由与错误处理
javascript·node.js
半个落月5 小时前
从递归到快速排序:用 JavaScript 把分治思想讲明白
javascript·算法·面试
小兔崽子去哪了5 小时前
Vue3 + Pinia 集成 IGV.js 实现 BAM 文件在线浏览
javascript·vue.js·后端