The Table component in Ant-Design-Vue uses customRender to render V-HTML

Ant-design-vue needs to highlight the list data in the table

CustomRender can be used, but v-html does not work

const columns = [
    title: 'name',
    dataIndex: 'name',
    customRender: (val, row) => {
        return <span v-html={val}></span>
    }
]
Copy the code

2. CustomeRender must return JSX syntax

const columns = [
    title: 'name',
    dataIndex: 'name',
    customRender: (val, row) => {
        return <span domPropsInnderHTML={val}></span>
    }
]
Copy the code

DomPropsInnderHTML ={val}