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

最新推荐文章于 2025-10-11 09:35:20 发布

原创最新推荐文章于 2025-10-11 09:35:20 发布 · 8.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#element-ui #Message #文字换行

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

1 篇文章

订阅专栏

文字换行

1 篇文章

订阅专栏

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

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'
});