iView的table表格组件render带样式渲染html内容

2022-01-16 639点热度 0人点赞 0条评论

需求说明

iView的table组件,使用render函数,需要展示html内容。

代码实现如下

{
    title: '内容', key: "content", minWidth: 304,
    render: function (h, params) {
        return h("div", {
            // 可以带class的样式
            class: 'quill-editor-div',
            // 可以带style样式
            style: {
              // marginTop: '10px'
            },
            domProps: {
                innerHTML: params.row.content,
            }
        })
    }
}

其中innerHTML中的内容,可以是html,例如:

<div><a href="https://www.baidu.com" target="_blank">Baidu</a></div>

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论