技术栈

vue项目将后端返回的数据中P标签删除并换行展示

Julyued2024-01-05 10:23

实现效果:

1.调取接口拿到后端数据后,其实this.lists里的contentDetails为我所要展示的字段

关键代码this.lists[i].contentDetails.replace(/<(\/)?p>/g, '<br/>')

将P标签替换为<br/>

2.用v-html渲染

上一篇:Github 2024-01-04 开源项目日报 Top10
下一篇:改善 GitHub Pages 阅读体验:Quick Docs
相关推荐
zy happy
3 小时前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
潘小安
3 小时前
Git Worktree + Claude Code:让你的开发效率翻倍的秘密武器
前端
meichaoWen
3 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
小猪努力学前端
4 小时前
在 React + React Router v7 SSR 项目里做多端适配,我踩的两个坑
前端·react.js
q***d173
4 小时前
React桌面应用开发
前端·react.js·前端框架
8***2931
4 小时前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
0***14
4 小时前
React计算机视觉应用
前端·react.js·计算机视觉
Q***K55
4 小时前
React高级
前端·react.js·前端框架
c***9798
4 小时前
React语音识别案例
前端·react.js·语音识别
q***5774
4 小时前
WebSpoon9.0(KETTLE的WEB版本)编译 + tomcatdocker部署 + 远程调试教程
前端
热门推荐
01GitHub 镜像站点02【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连03BongoCat - 跨平台键盘猫动画工具04UV安装并设置国内源05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Linux下V2Ray安装配置指南07Google Antigravity:无法登录?早期错误、登录修复和用户反馈指南08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)1046个Nano-banana 精选提示词,持续更新中