elementui Messagebox自定义弹窗大小

elementui Messagebox自定义弹窗大小

this.$alert('message', {
	confirmButtonText: 'sure',
	customClass: 'msgbox'   // 自定义一个class名
});

给弹窗自己想要的样式，样式不可写在带有scoped的style标签里。在使用了>>>和/deep/方法后都不可更改样式。

<style>
.msgbox {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .msgbox {
    width: 420px;
  }
}
</style>