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>
    }
]
相关推荐
lili-felicity23 分钟前
React Native for Harmony:登录页“记住密码+深色模式适配”完整实现
javascript·react native·react.js
摘星编程28 分钟前
Flutter for OpenHarmony 实战:CustomScrollView 自定义滚动视图详解
android·javascript·flutter
xiaomin-Michael28 分钟前
websocket学习
javascript
xiaomin-Michael29 分钟前
JS setTimeout
javascript
Irene199130 分钟前
Vue3 <script setup> 中不需要使用 defineComponent
vue.js·definecomponent
xkxnq41 分钟前
第二阶段:Vue 组件化开发(第 21天)
前端·javascript·vue.js
wayne2141 小时前
Zustand在ReactNative中的工程实践与性能优化总结
javascript·react native·react.js
内存不泄露1 小时前
基于 Spring Boot 的医院预约挂号系统(全端协同)设计与实现
java·vue.js·spring boot·python·flask
森叶1 小时前
Cookie 和 Token 的应用场景优势比较 & Cookie 不能使用的场景补充
javascript
韩曙亮2 小时前
【Web APIs】浏览器本地存储 ② ( window.sessionStorage 本地存储常用 API 简介 | 代码示例 )
开发语言·前端·javascript·localstorage·sessionstorage·web apis·浏览器本地存储