<vxe-modal> 取消展示弹窗关闭按钮
时间: 2023-08-07 14:06:55 浏览: 408
一个漂亮的前端弹窗,包含关闭按钮,样式清晰好看,可关闭弹窗
3星 · 编辑精心推荐
如果您想要在<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` 了。您可以根据实际需求调整这些属性的值。
阅读全文