解决 element-ui 自带弹窗右上角的关闭按钮 X 无法隐藏的问题
由于使用Vue框架比较多,所以element-ui 的使用频率也就高了,在这记录一些,个人在使用element 时的小技巧或者说是一些小知识点,如有错误的地方,还望指出,谢谢1、在页面中我们经常会用到弹窗,element也给我们提供了一些弹窗,像MessageBox 弹框使用的时候就很方便,但是它默认会在右上角带上一个关闭的 X 按钮,就是下面这样而有时候UI的设计图是没有右上角那个关...
·
由于使用Vue框架比较多,所以element-ui 的使用频率也就高了,在这记录一些,个人在使用element 时的小技巧或者说是一些小知识点,如有错误的地方,还望指出,谢谢
在页面中我们经常会用到弹窗,element也给我们提供了一些弹窗,像MessageBox 弹框使用的时候就很方便,但是它默认会在右上角带上一个关闭的 X 按钮,就是下面这样
而有时候UI的设计图是没有右上角那个关闭的 X 按钮的,这时我们就要隐藏掉它,隐藏它有2种方式:
a、查找CSS,将其设为display:none覆盖掉(不推荐使用)
b、可以使用 showClose:false 这个属性,来控制不显示右上角那个关闭的 X 按钮,这个属性在官方文档貌似是没有的,但是elemnt-ui的源码中我们能找到,所以我在这更推荐大家使用这种方式来隐藏右上角那个关闭的 X 按钮,具体使用如下:
<el-dialog title="标题" :visible.sync="showChooseDialog" width="30%" :showClose="false"></el-dialog>
更多推荐
已为社区贡献4条内容
所有评论(0)