在vue中后台返回的文本包含标签时候解析为html代码
1.对于后台返回的数据中含有html标签需要解析成html格式
数据格式:
str = "<p>亲爱的250。</p><p>你好。</p><p><br/></p>"
在html中解析:
<p v-html="str">{{str}}</p>
2.使用pre标签
<pre>{{str}}<pre>
样式white-space: pre-line 加上才会换行
.weekyContent pre{font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;line-height: 28px;font-size: 16px;white-space: pre-line;margin: 0;
}
转载于:https://www.cnblogs.com/wgl0126/p/11114063.html
在vue中后台返回的文本包含标签时候解析为html代码相关推荐
- vue中处理后台返回的 html 特殊标签(‘\lt; p style=“xxx“ \gt;‘)或(\<p>)的三种情况及传给后端数据的解决方案
问题一:vue中处理后台返回的 html 特殊标签('<: p style="xxx" >:')或(\<p>)的三种情况 返回数据 // 返回数 ...
- vue中将 后台返回的0,1等 代码转换成 男,女等汉字。
vue中将 后台返回的0,1等 代码转换成 男,女等汉字. 一.table表格中 只有一项或者两项时候 在table项 中 ,可以使用多项的方法,也可以使用 作用域插槽使用 二.table表格外部 的 ...
- vue 中后台系统解决方案vue-admin
vue-admin a solution for vue middle or background system(vue 中后台系统解决方案) github地址
- Vue 中引入markdown富文本编辑器并根据md格式渲染
Vue 中引入markdown富文本编辑器 在vue组件中,比较好用的是mavon-editor,github文档地址 https://github.com/hinesboy/mavonEditor ...
- vue中后端返回图片流,前端渲染方法
vue中后端返回图片流,前端渲染方法 前端登录经常用到图形验证码,后端接口返回的是图片数据流,如下图返回图片流这样 效果图如下: 首先封装接口api和uuid[就是一个随机数,防止重复] //获取图形 ...
- vue中搜索关键词,使文本标红
UserHead.vue中搜索框: <!-- 搜索 --><el-col :span="6" :offset="8" class=" ...
- vue中后台管理登录后的token管理
在做后台管理系统的时候,登录后token管理很重要.上代码,有瑕疵,有待改善,见谅. import Vue from 'vue' import Router from 'vue-router' imp ...
- Vue处理后台返回List集合带有Object对象的数据
Vue JSON数组.JSON对象.数组的区别,请参考博客:JSON数组,JSON对象,数组的区别 在Vue接收到后台的List集合数据中含有对象想转成数据对象的形式(Array)如图一:而不是Obj ...
- vue中如何使用富文本框组件
富文本框,就是可以在文本框里面输入文本并携带自我编辑的一种编辑器,使用vue做项目时少不了用到富文本框组件,下面就来说说该组件的使用步骤 一.首先要在vue脚手架的依赖按钮中添加新的依赖vue-qui ...
- vue 下载后台返回的图片
HTML: //businessLicenceFileList[0].url为后台返回的图片地址或pdf地址 <div class="download-img" @click ...
最新文章
- 2018-2019-1 20165305 实验三 实时系统
- 【转】How Many Boyfriends
- SDK与API的联系与区别
- Oracle 中的SID是什么意思?有什么作用?
- [html] 如何解决input在Firefox和Chrome中高度不一致的问题?
- 瞎扯数学分析-微积分
- div不继承父类样式_Java三大特性之继承
- 深度融合 | 当推荐系统遇见知识图谱(三)
- 错过了多次捞钱的机会
- AG螺纹的螺套安装后反复脱出,怎么办?
- 非华为电脑多屏协同_升级版多屏协同,实现多窗口,华为电脑管家11.0版
- 【2022最新Java面试宝典】—— 多线程面试(60道含答案)
- 219-6-3Google浏览器书签备份
- wex5 checkbox
- 【ABAP】 Smartforms 字符串中上标/下标打印实现
- java标签outer,java outer
- 第5届全国“机器学习及其应用”研讨会
- 云计算系统运用了许多技术,最主要的核心技术是什么
- 造血干细胞扩增、转染以及基因编辑优化解决方案
- Java实现字母转化