技术栈

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
相关推荐
JayceM
13 分钟前
Vue中v-show与v-if的区别
前端·javascript·vue.js
HWL5679
17 分钟前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
咪咪渝粮
43 分钟前
JavaScript 中constructor 属性的指向异常问题
开发语言·javascript
德育处主任
1 小时前
p5.js 掌握圆锥体 cone
前端·数据可视化·canvas
mazhenxiao
1 小时前
qiankunjs 微前端框架笔记
前端
无羡仙
1 小时前
事件流与事件委托:用冒泡机制优化前端性能
前端·javascript
秃头小傻蛋
1 小时前
Vue 项目中条件加载组件导致 CSS 样式丢失问题解决方案
前端·vue.js
CodeTransfer
1 小时前
今天给大家搬运的是利用发布-订阅模式对代码进行解耦
前端·javascript
阿邱吖
1 小时前
form.item接管受控组件
前端
韩劳模
1 小时前
基于vue-pdf实现PDF多页预览
前端
热门推荐
01UV安装并设置国内源02KGG转MP3工具|非KGM文件|解密音频03【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)04Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接07TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践08NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南09阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!10TRAE Rules 实践:为项目配置 6A 工作流