技术栈

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
相关推荐
南雨北斗
13 分钟前
Vue 3 修饰符(Modifiers)
前端
会豪
14 分钟前
工业仿真(simulation)--前端(七)--消息栏
前端
Jinuss
38 分钟前
Vue3源码reactivity响应式篇之computed计算属性
前端·vue3
落日沉溺于海
38 分钟前
React From表单使用Formik和yup进行校验
开发语言·前端·javascript
知识分享小能手
39 分钟前
React学习教程,从入门到精通, React 新创建组件语法知识点及案例代码(11)
前端·javascript·学习·react.js·架构·前端框架·react
会豪
42 分钟前
工业仿真(simulation)--前端(五)--标尺,刻度尺
前端
会豪
44 分钟前
工业仿真(simulation)--前端(四)--画布编辑(2)
前端
an__ya__
1 小时前
Vue数据响应式reactive
前端·javascript·vue.js
苦逼的搬砖工
1 小时前
Flutter UI Components:闲来无事,设计整理了这几年来使用的UI组件库
前端·flutter
想买Rolex和Supra的凯美瑞车主
1 小时前
Taro + Vite 开发中 fs.allow 配置问题分析与解决
前端
热门推荐
01UV安装并设置国内源02A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程032025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!042025年数学建模国赛C题超详细解题思路05UV 工具安装与国内镜像源配置指南06解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题07不再让Windows更新!&Edge游戏助手卸载及关闭自动更新08KGG转MP3工具|非KGM文件|解密音频09突破百度网盘的下载限速,两种方法教会你【超详细】10Linux下V2Ray安装配置指南