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>
    }
]
相关推荐
橙某人3 小时前
LogicFlow 小地图性能优化:从「实时克隆」到「占位缩略块」!🚀
前端·javascript·vue.js
boooooooom3 小时前
讲清 Proxy + effect + track/trigger 流程
javascript·vue.js·面试
leafyyuki4 小时前
在 Vue 项目中玩转 FullCalendar:从零搭建可交互的事件日历
前端·javascript·vue.js
豆苗学前端4 小时前
彻底讲透浏览器缓存机制,吊打面试官
前端·javascript·面试
swipe4 小时前
箭头函数与 this 面试题深度解析:从原理到实战
前端·javascript·面试
星_离5 小时前
《Vue 自定义指令注册技巧:从手动到自动,效率翻倍》
前端·vue.js
光影少年5 小时前
Vue的响应式原理?Vue2和Vue3有什么区别?
前端·vue.js·掘金·金石计划
进击的尘埃6 小时前
拖拽搭建场景下的智能布局算法:栅格吸附、参考线与响应式出码
javascript
小猪努力学前端6 小时前
基于PixiJS的试玩广告开发-续篇
前端·javascript·游戏
wuhen_n6 小时前
v-model 的进阶用法:搞定复杂的父子组件数据通信
前端·javascript·vue.js