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

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

直接上代码

pullMsgWithLine(title,msg) {
// \r\n 后台传上来的换行符，这里做分隔符
let returnMsgList = msg.split(’\r\n’);
let newDatas = [],h = this.$createElement;newDatas.push{(}^{\prime }导入文{件}^{\prime }+title{+}^{\prime }失败{！}^{\prime });//循环数据依次放入最终数据中for(constiinreturnMsgList)if(i!{=}^{\prime }{0}^{\prime })newDatas.push(h{(}^{\prime }{p}^{\prime },null,returnMsgList[i]))this.$message.error( newDatas);
},

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
pullMsgWithLine(title,msg) {
	  // \r\n 后台传上来的换行符，这里做分隔符
      let returnMsgList = msg.split('\r\n');
      let newDatas = [],h = this.$createElement;
      newDatas.push('导入文件'+ title + ' 失败！');
      // 循环数据 依次放入最终数据中
      for (const i in returnMsgList) {
        if(i!='0')  //第一行空行过滤
          newDatas.push(h('p', null, returnMsgList[i]))
      }
      this.$message.error( newDatas);
    },
    
this.pullMsgWithLine('导入失败',msg1);

效果图