vue的$message（提示框换行）

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

let arr = ['测试一', '测试二', '测试三'];

let str = arr.join(' <br/> ');

this.$message({

dangerouslyUseHTMLString: true,

message: str,

type: 'warning'

});

使用上面简单的属性 dangerouslyUseHTMLString: true,就可以实现换行；

喝水不忘挖井人，感谢element ui 真的方便；

随笔小记长点记性；

转载于:https://www.cnblogs.com/wangxiaoer5200/p/11491816.html

vue的$message（提示框换行）相关推荐

message提示框的三种显示方式
message提示框的三种显示方式在store.js中使用封装的message提示组件 /* 提示信息封装组件 */ export function messageTips (message, st ...
vue实现消息提示框
我们常常看到很多vue生态下的ui框架的消息提示框,在页面切换的时候依然停留在页面,我们知道vue这种单页面渐进式框架,所有的操作和元素都是挂载在一个节点上的,当路由变化是整个节点下的dom元素也在重 ...
Vue的消息弹框换行问题
// 之前使用如下这种弹出方式时,消息是不会换行的.this.$message.success(id);// 使用如下这种就会换行: this.$message({dangerouslyUseHTML ...
vue自定义插件封装一个类似 element 中 message 消息提示框的插件
vue自定义插件封装一个类似 element 中 message 消息提示框的插件一.资源文档 1.vue内置组件 transition 2.Vue.use() 3.Vue.extend() 4. ...
最好用的 6 款 Vue 实时消息提示通知(Message/Notification)组件推荐与测评
本文完整版:<最好用的 6 款 Vue 实时消息提示通知(Message/Notification)组件推荐与测评> Vue 实时消息提示通知 Vue-notification - 专注实 ...
JS：原生JS实现message消息提示框
简介学习了一下如何使用原生JS(加上class类)实现message消息提示框的封装(繁琐版). 使用到的主要技术点:class类,JS. 功能点 1.四种提示状态(message success ...
vue.js提示框插件(vuejs-dialog)使用指南
vue.js提示框插件更多文章,请访问我的博客综述在项目中,代替浏览器原生的alert.confirm和prompt 名称:vuejs-dialog 用途:简洁美观的对话框官网:地址 gith ...
element-ui中message弹框提示的使用
element-ui中message弹框提示的使用 1.按需导入的element-ui中的message import { Message } from 'element-ui' 2.进行全局挂载: ...
easyui 提示框组件_15、Message 消息窗口组件
> Message消息窗口组件依赖于Window(窗口)组件.progressbar(进度条)组件 # 加载方式 > 消息窗口提供了不同的消息框风格,包含 alert(警告框).confi ...
Vue组件编写之Alert提示框组件编写
Alert提示框的vue组件编写最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路. 主要分为三 ...

vue的$message（提示框换行）

vue的$message（提示框换行）相关推荐

最新文章

热门文章