在vue的$message提示框中,有多行信息需要展示,但是找来找去找不到方法,也找不到$message的可用属性,找了半天就有一位大哥做了总结,只能借用下

let arr = ['测试一', '测试二', '测试三'];
      let str = arr.join(' <br/> ');
      this.$message({
        dangerouslyUseHTMLString: true,
        message: str,
        type: 'warning'
});

dangerouslyUseHTMLString: true,实现换行;

个人使用:

res.data.data为axios请求返回的数据,数据类型String

            let arr = ['删除失败!', "信息仍在使用:" + res.data.data];
            let str = arr.join(' <br/> ');
            this.$message({
              dangerouslyUseHTMLString: true,
              message: str,
              type: 'error'
            });

转载自vue的$message(提示框换行) - 进军的王小二 - 博客园 (cnblogs.com)

 

Logo

前往低代码交流专区

更多推荐