需求:我们使用this.$message.success(message)时,如果message内容过多,会导致 $message弹框很长超出屏幕,所以此时需要给$message一个宽高样式
思路:利用消息框的自定义类名 customClass属性,然后另外写一个 <style lange='less'>,不要加 scoped,将样式写在这里面,也不要加 /deep/
this.$confirm(info + ",确认修改参数?", "确定?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
customClass: "marketAccessMessage",
});
// this.$alert 和 this.$confirm
.marketAccessMessage {
.el-message-box__content {
max-height: 500px !important;
overflow: auto !important;
}
}
// this.$message
.marketAccessMessage {
.el-message__content {
max-height: 500px !important;
overflow: auto !important;
}
}