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>
    }
]
相关推荐
a11177642 分钟前
星球主题个人主页(纯HTML 开源)
前端·html
旭日跑马踏云飞1 小时前
【Nginx】相关优化
运维·javascript·nginx
webkubor1 小时前
2026 年 把网页交互的主控权拿回前端手中 🚀
前端·javascript·人工智能
Lee川1 小时前
Promise:驾驭 JavaScript 异步编程的艺术
javascript
Desirediscipline1 小时前
#include<limits>#include <string>#include <sstream>#include <iomanip>
java·开发语言·前端·javascript·算法
SuperEugene1 小时前
手把手写几种常用工具函数:深拷贝、去重、扁平化
前端·javascript·面试
wuhen_n2 小时前
副作用的概念与effect基础:Vue3响应式系统的核心
前端·javascript·vue.js
张3蜂2 小时前
Vue.js-知识体系
前端·javascript·vue.js
wuhen_n3 小时前
effect函数的完整实现与追踪:深入Vue3响应式核心
前端·javascript·vue.js