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

这篇具有很好参考价值的文章主要介绍了vue项目将后端返回的数据中P标签删除并换行展示。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

实现效果:vue 去掉<\p>,vue,javascript,vue.js,前端,javascript

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

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

将P标签替换为<br/>vue 去掉<\p>,vue,javascript,vue.js,前端,javascript

2.用v-html渲染

vue 去掉<\p>,vue,javascript,vue.js,前端,javascript文章来源地址https://www.toymoban.com/news/detail-820953.html

到了这里,关于vue项目将后端返回的数据中P标签删除并换行展示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript将后端获取到的byte数组转为文件

    一般情况下,在我们写项目的时候,都会从后端获取到文件的数据,要么是base64,要么是byte数组,然后我们再通过拿到的数据额外做出来转换为文件的,那么这次教大家如何通过JavaScript将后端拿到的byte数组转为文件 首先,我们需要有一个前端界面触发方法,来一个简单的按

    2024年02月17日
    浏览(29)
  • vue中渲染接口返回的html标签及标签上绑定事件处理

    目录 一、前言 二、使用步骤 1.引入vue 2.生成构造器,创建子类  三.遇到的问题         最近这两天工作中有个需求,将接口返回的html标签渲染出来,最开始用的v-html,可以渲染出来,但是a标签上绑定的事件触发不了,然后事件上绑定的参数就拿不到,最后使用模板成功

    2024年02月15日
    浏览(39)
  • 【Vue】后端返回文件流,前端预览文件

      文件预览效果

    2024年01月17日
    浏览(31)
  • vue关于echarts后端返回格式取值方法

    在vue中,接口返回如下数据: data: {充电桩: [0, 0, 78], 红外摄像头: [0, 0, 0], 火焰探测器: [0, 1, 0], 烟雾传感器: [0, 1, 1], 限流保护器: [0, 0, 1]}, 其中数组里第一个值应该放在data1,第二个放在data2,第三个放在data3,应该怎么做?  一、 可以使用解构赋值(destructuring assignment)将

    2023年04月17日
    浏览(20)
  • 如何将后端带过来的字符串通过‘,’号作为判断依据,分割字符串然后生成数组

    在实际开发工程中我们会遇到我们调用后端接口获取图片、文件、视频甚至选择的对象时,如果是这样的: 这种数据类型如果想渲染在html中的话就会很麻烦,我们可以通过\\\",\\\"号为切割点将它放入数组中,通过列表进行渲染 由于实际项目中的数据很多可能说起来会很乱,所以

    2024年01月20日
    浏览(35)
  • VUE项目使用axios发送post跨域请求,返回数据失败问题

    Access to XMLHttpRequest at \\\'http://xxxx\\\' from origin \\\'http://localhost:8080\\\' has been blocked by CORS policy: Response to preflight request doesn\\\'t pass access control check: No \\\'Access-Control-Allow-Origin\\\' header is present on the requested resource. 第一步 ,在后端接受方,对返回的数据添加 响应头 ,使用下面这句代码: 第二步

    2024年02月11日
    浏览(38)
  • 后端如何返回一个(图片)文件流,并在前端vue展示。

    后端部分可分为三步: 1,获取文件参数(非必须,根据自己情况添加) 2,获取文件 3,以流形式返回 具体代码如下: 前端展示部分。 1,首先在你的axios接口上添加 responseType:\\\'blob\\\' ,以表示你将以blob形式接收(必须添加)。 2,拿到接口返回值后,将其转为blob形式 此时打

    2024年02月11日
    浏览(40)
  • vue 对后端返回字段值为null的变成空字符串

    // 字段null转字符串 1.export function null2str(data) {     for (let x in data) {         if (data[x] === null) {             // 如果是null 把直接内容转为 \\\'\\\'             data[x] = \\\"\\\";         } else {             if (Array.isArray(data[x])) {                 // 是数组遍历数组 递归继续处理      

    2024年02月11日
    浏览(34)
  • vue 后端返回二进制流-前端通过blob对象下载文件-图片

    前言 在实际开发中我们经常会遇见下载文件的场景,比如下载合同,下载文件 下载文件有2种方式,一种是后端返回二进制流,前端通过blob对象接受根据不同类型下载 还有一种把地址直接在浏览器新窗口打开浏览器打开pdf可以预览和下载,其他文件直接下载 但不管是那种方

    2024年02月05日
    浏览(58)
  • 前端调用后端接口,返回200,但是数据返回的是html标签

    这是一个前后端分离的项目,后端已经完成,后端在本地上,自动创建了数据库,前端为了完成一个注册功能,去调用后端的/registerUser接口,当输入用户名和密码的时候,我也查过csdn上其他博主的回答,但是并不能很清除的去解决我的问题,这边的bug是返回的虽然是 200 响应

    2024年03月22日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包