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

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

element官方弹窗

而有时候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>

Logo

前往低代码交流专区

更多推荐