美文网首页坚持学习打卡
后台数据返回值带换行符,前端展示

后台数据返回值带换行符,前端展示

作者: Moment929 | 来源:发表于2021-10-25 15:39 被阅读0次

    第一种方法:

    前端获取后台带有\n 换行符的数据
    用<pre></pre> 标签展示

    <pre>{{errorDetail}}</pre>
    
    dialogError(val) {
       this.dialogVisible = true
       this.errorDetail = val
    }
    

    第二种方法

    前端获取后台带有\n 换行符的数据,转成·<·br·/>·
    通过v-html 展示

    <span v-html="errorDetail"></span>
    
    dialogError(val) {
       this.dialogVisible = true
       this.errorDetail = val.replace(/\n/g,"<br/>")
    }
    

    可以实现展示换行的效果

    相关文章

      网友评论

        本文标题:后台数据返回值带换行符,前端展示

        本文链接:https://www.haomeiwen.com/subject/dsajaltx.html