解决 element-ui 自带弹窗右上角的关闭按钮 X 无法隐藏的问题

由于使用Vue框架比较多,所以element-ui 的使用频率也就高了,在这记录一些,个人在使用element 时的小技巧或者说是一些小知识点,如有错误的地方,还望指出,谢谢

在页面中我们经常会用到弹窗,element也给我们提供了一些弹窗,像MessageBox 弹框使用的时候就很方便,但是它默认会在右上角带上一个关闭的 X 按钮,就是下面这样

element官方弹窗

而有时候UI的设计图是没有右上角那个关闭的 X 按钮的,这时我们就要隐藏掉它,隐藏它有2种方式:

a、查找CSS,将其设为display:none覆盖掉(不推荐使用)

b、可以使用 showClose:false 这个属性,来控制不显示右上角那个关闭的 X 按钮,这个属性在官方文档貌似是没有的,但是elemnt-ui的源码中我们能找到,所以我在这更推荐大家使用这种方式来隐藏右上角那个关闭的 X 按钮,具体使用如下:


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部