<vxe-modal> 取消展示弹窗关闭按钮
时间: 2023-08-07 13:06:55 浏览: 384
基于 vxe-table 表格的适配插件,用于兼容 ant-design-vue 组件库
如果您想要在<vxe-modal>组件中取消展示弹窗关闭按钮,可以通过设置属性 `show-close` 为 `false` 来实现。以下是一个示例代码:
```html
<vxe-modal show-close="false">
<!-- 这里是弹窗内容 -->
</vxe-modal>
```
在这个示例中,我们将 `show-close` 属性设置为 `false`,这样就可以在弹窗的头部取消关闭按钮的显示了。
如果您想要自定义关闭按钮的样式,也可以通过设置 `close-icon` 属性来实现。例如,如果您想要将关闭按钮的图标改为 `el-icon-delete`,可以将 `close-icon` 属性设置为 `"el-icon-delete"`,如下所示:
```html
<vxe-modal show-close :close-icon="'el-icon-delete'">
<!-- 这里是弹窗内容 -->
</vxe-modal>
```
在这个示例中,我们将 `close-icon` 属性设置为 `"el-icon-delete"`,这样就可以将关闭按钮的图标改为 `el-icon-delete` 了。您可以根据实际需求调整这些属性的值。
阅读全文