element-ui Message消息提示文字换行

柠檬不萌c

于 2019-05-30 10:06:17 发布

阅读量8.6k

点赞数 5

分类专栏： element-ui 文字换行文章标签： element-ui Message 文字换行

本文链接：https://blog.youkuaiyun.com/chenXiaosCode/article/details/90692004

版权

element-ui 同时被 2 个专栏收录

1 篇文章

订阅专栏

文字换行

1 篇文章

订阅专栏

博客展示了在Element - UI中实现消息文字换行的代码。通过创建数组存储导入信息，利用`$createElement`方法将信息转为`p`标签元素，最后使用`$notify`实现带有换行文字的导入成功提示，包含成功条数、失败条数及原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let data = ['导入成功条数：' + response.data.successNum + '条；',
            '导入失败条数：' + response.data.failNum + '条；',
            '导入失败原因：'+response.data.failMsg];
let newDatas = [];
const h = this.$createElement;
for (let i in data) {
    newDatas.push(h('p', null, data[i]));
}
this.$notify({
    title: '导入',
    message: h('div', null, newDatas),
    type: 'success',
    position: 'bottom-right'
});