6
回答
java 中向数据库中保存“\r\n”前端取出不显示换行
华为云实践训练营,热门技术免费实践!>>>   

java代码

opLogInfo.setContent("<p>(编辑前)渠道号:"+appInfo.getChannel()+" 应用包名:"+appInfo.getPackagename()+" 应用版本号:"+appInfo.getVersionname()
      +" 用户范围:" + phoneTagInfo.getName() + " 投放网络:"+ nettypeString(oldSepushInfo.getNettype()) + " 重复下载排除:"
      +exceptdownflagString(oldSepushInfo.getExceptdownflag())+ " 投放状态:" + statusString(oldSepushInfo.getStatus())+
      "\r\n(变更后) 投放网络:"+ nettypeString(sePushInfo.getNettype()) + " 重复下载排除:"
      +exceptdownflagString(sePushInfo.getExceptdownflag())+ " 投放状态:" + statusString(status));

前端 vue

<tr v-for="value in options">
    <td>{{ $index + 1 }}</td>
    <td>{{ getEnabledTime(value.ctime) }}</td>
    <td>{{ value.cuser }}</td>
    <td v-if="value.module == 0">应用投放</td>
    <td v-else>广告投放控制-用户群体</td>
    <td v-if="value.type == 0">添加</td>
    <td v-else>编辑</td>
    <td width="400px">{{ replaces(value.content) }}</td>
</tr>

replace后的效果效果 <br/>直接被当成字符串了

replaces: function (str) {

    return (decodeURI(str.replace("\n","<br/>")));
}

<无标签>
举报
08sch
发帖于3个月前 6回/115阅

你知道为啥吗?{{}} 已经做了HTML转义,他只是插入文本节点,而不是HTML节点。

不了解 VUE 如何做HTML节点绑定。

java代码直接保存html标签到数据库

String content = "(编辑前) 用户群体名称:" + beforeAdUserGroupInfo.getName() + " 用户标签:"+beforePhoneTagInfo.getName() + " 原生广告优先级:"+ adsString(beforeAdUserGroupInfo.getNativeAdpriority())+
        " 插屏广告优先级:" + adsString(beforeAdUserGroupInfo.getInterstitialAdPriority()) + " 插屏广告每天显示上限次数:" + beforeAdUserGroupInfo.getInterstitialAdMaxCount()+
        " 电商广告每天显示上限次数:" + beforeAdUserGroupInfo.getInterstitialAmazonMaxCount() + " 间隔时间:" + beforeAdUserGroupInfo.getInterstitialAdIntervalTime() + "秒<br/>(变更项)";

然后前端读取时候

html界面

<tr v-for="value in options">
    <td>{{ $index + 1 }}</td>
    <td>{{ getEnabledTime(value.ctime) }}</td>
    <td>{{ value.cuser }}</td>
    <td v-if="value.module == 0">应用投放</td>
    <td v-else>广告投放控制-用户群体</td>
    <td v-if="value.type == 0">添加</td>
    <td v-else>编辑</td>
    <td width="500px" id="{{ $index }}"></td>
</tr>

jq,用html()赋值

logValue.options = data.data;
logValue.$nextTick(function () {
    $.each(data.data,function (m,k) {
        if ($.inArray(k.cuser, userArr) == -1) {
            userArr.push(k.cuser);
        }
        $("#" + m).html(k.content);
    })
    userValue.options = userArr;
    $("#logtable").DataTable();
})
顶部