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 小时前
HTML5 自定义属性 data-*:别再把数据塞进 class 里了!
前端·javascript·代码规范
努力的白熊嗨12 小时前
大文件 Hash 计算:Web Worker 并行优化的原理与局限性
javascript·算法
T___T12 小时前
深入浅出:JavaScript 字符串反转的 6 种解法与面试技巧
javascript·面试
摇滚侠12 小时前
Vue 项目实战《尚医通》,利用 Qrcode 获取二维码,笔记51
vue.js·笔记
hen3y12 小时前
基于 jscodeshift 构建高效 Codemod 工具指南
前端·javascript
默海笑12 小时前
VUE后台管理系统:定制化、高可用前台样式处理方案
前端·javascript·vue.js
YaeZed13 小时前
Vue3-toRef、toRefs、toRaw
前端·vue.js
Y***K43413 小时前
TypeScript模块解析
前端·javascript·typescript
草莓熊Lotso13 小时前
Git 本地操作进阶:版本回退、撤销修改与文件删除全攻略
java·javascript·c++·人工智能·git·python·网络协议
想看一次满天星13 小时前
阿里140-语雀逆向分析
javascript·爬虫·python·语雀·阿里140