feat: 优化评论换行字符

This commit is contained in:
陈淳
2024-01-15 16:42:54 +08:00
parent f461a1978e
commit 71aabe9fe4

View File

@@ -39,8 +39,7 @@
<div v-for="item in commentList" :key="item.id" class="comment1"> <div v-for="item in commentList" :key="item.id" class="comment1">
<AvatarInfo :userInfo="item.createUser" /> <AvatarInfo :userInfo="item.createUser" />
<div class="content"> <div class="content" v-html="item.content">
{{ item.content }}
</div> </div>
<span class="time"> {{ item.creationTime }} </span> <span class="time"> {{ item.creationTime }} </span>
<span class="pointer" <span class="pointer"
@@ -90,8 +89,7 @@
回复@{{ children.commentedUser.nick }}</span 回复@{{ children.commentedUser.nick }}</span
> >
</div> </div>
<div class="content"> <div class="content" v-html="children.content">
{{ children.content }}
</div> </div>
<span class="time">{{ children.creationTime }} </span> <span class="time">{{ children.creationTime }} </span>
<span class="pointer"> <span class="pointer">
@@ -188,8 +186,12 @@ const loadComment = async () => {
form.content = ""; form.content = "";
const response = await getListByDiscussId(route.params.discussId, query); const response = await getListByDiscussId(route.params.discussId, query);
commentList.value = response.data.items; commentList.value = response.data.items;
//处理换行问题
commentList.value.forEach(x=>x.content=x.content.replace(/\n/g, "<br/>"))
total.value = response.data.total; total.value = response.data.total;
}; };
const addTopComment = async () => { const addTopComment = async () => {
form.parentId = "00000000-0000-0000-0000-000000000000"; form.parentId = "00000000-0000-0000-0000-000000000000";
form.rootId = "00000000-0000-0000-0000-000000000000"; form.rootId = "00000000-0000-0000-0000-000000000000";