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>
    }
]
相关推荐
keyV3 分钟前
告别满屏 v-if:用一个自定义指令搞定 Vue 前端权限控制
前端·vue.js·promise
X_Eartha_8154 分钟前
前端学习—HTML基础语法(1)
前端·学习·html
如果你好5 分钟前
一文搞懂事件冒泡与阻止方法:event.stopPropagation() 实战指南
前端·javascript
www_stdio10 分钟前
我的猫终于打上冰球了——一个 Vue3 + Coze AI 项目的完整落地手记
javascript·vue.js·coze
MediaTea18 分钟前
思考与练习(第十章 文件与数据格式化)
java·linux·服务器·前端·javascript
江公望27 分钟前
Vue3的 nextTick API 5分钟讲清楚
前端·javascript·vue.js
辛-夷1 小时前
pinia与Vuex高频面试题
前端·vue.js
咸鱼加辣1 小时前
【python面试】Python 的 lambda
javascript·python·算法
晓得迷路了1 小时前
栗子前端技术周刊第 111 期 - Next.js 16.1、pnpm 10.26、Bun 1.3.5...
前端·javascript·bun
shangxianjiao1 小时前
vue前端项目介绍项目结构
前端·javascript·vue.js