ant-design-vue的modal.confirm怎么实现content支持显示html格式
时间: 2024-01-07 16:03:38 浏览: 393
Vue 实现html中根据类型显示内容
可以通过设置Modal.confirm的content属性为一个函数,函数返回一个Vue组件来实现支持显示HTML格式的内容。具体实现可以参考以下代码:
```javascript
import { Modal } from 'ant-design-vue';
Modal.confirm({
title: '确认框',
content: () => ({
render() {
return <div dangerouslySetInnerHTML={{ __html: '<p>这是一段HTML格式的文本</p>' }} />;
},
}),
});
```
在上面的代码中,我们通过传递一个函数来设置Modal.confirm的content属性,这个函数返回一个Vue组件,组件的render函数中通过`dangerouslySetInnerHTML`属性来渲染HTML格式的文本。需要注意的是,使用`dangerouslySetInnerHTML`属性需要谨慎,因为它可以引起XSS攻击。
阅读全文