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>
    }
]
相关推荐
ZC跨境爬虫8 分钟前
跟着 MDN 学JavaScript day_10:数组——数据的有序集合
android·java·开发语言·前端·javascript
晓131315 分钟前
【Cocos Creator 2.x】篇——第五章 游戏常用关键技术
前端·javascript·vue.js·游戏引擎
W_LuYi18543 分钟前
Tauri + Rust + Vue 3 打造极速轻量桌面应用
java·开发语言·vue.js·rust
qq4356947011 小时前
Vue03
javascript·vue.js
樱花的浪漫1 小时前
Typescript、Zod基础
前端·javascript·人工智能·语言模型·自然语言处理·typescript
用户549591657501 小时前
TinyVue Tree树形控件完全指南
vue.js
竹林8181 小时前
监听智能合约事件,我用 wagmi v2 踩了三天坑,终于找到了稳定方案
前端·javascript
用户852495071841 小时前
Bun 到底是什么?一个比 Node.js "更快更香"的 JS 运行时
javascript·程序员
Momo__1 小时前
SSR 懒水合四件套 — 99%的人不知道 Vue 3.5 藏了这些水合策略
前端·vue.js·性能优化
riuphan1 小时前
JavaScript 事件循环:单线程异步编程的核心机制
前端·javascript