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

由于使用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>