vue的$message（提示框换行）

Posted 2023-03-20

参考技术A 之前一直在搜怎么让提示框的文字换行，网上搜到的基本都是使用 ‘ /n ’,使用无效，也试了css换行，本来想用弹窗自己编辑html内容，还好回去官网看了一下；

使用上面简单的属性 dangerouslyUseHTMLString: true,就可以实现换行；
喝水不忘挖井人，感谢element ui 真的方便；
随笔小记 长点记性；

VUE中使用ElementUi的Message弹窗提示

一：安装ElementUi

npm install element-ui

二：引用组件

import ElementUI from ‘element-ui‘

  // 安装 ElementUI（ui）

  Vue.use(ElementUI)

三：在vue文件中使用

(1) 成功提示框

this.$message.success("xx成功！");

(2)错误提示框

this.$message.error("xx失败！");

四：在js文件中使用

import ElementUI from ‘element-ui‘
ElementUI.Message.success(‘xx成功!‘);
ElementUI.Message.error(‘xx失败!‘);