![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
渲染/返回数据处理
文章平均质量分 58
工作中遇到 样式 问题的总结
小王几pl
这个作者很懒,什么都没留下…
展开
-
vue中处理后台返回的 html 特殊标签(‘\<; p style=“xxx“ \>;‘)或(\<p>)的三种情况
在平时获取后台数据渲染页面的时候可能会出现后台返回的数据是带有 html 特殊标签的需求是附带的样式也不要, 意思就是直接删掉那些内容但是在网上找挺久都没有找到现成的方法 最后是自己找了两个方法拼接出来的 所以在这里总结一下 方便以后直接 cv// 返回数据: ret : { list: { "introduct": "<p>就当文字就是内容吧。</p>", }}把 html特殊字符 转成 html标签// 处理方法fun.原创 2021-04-26 11:46:36 · 9323 阅读 · 1 评论 -
商品展示的文字排版渲染
商品展示中的文字排版像这种排版 就需要注意 商品的标题文字不是固定的标题的文字可能回超过两行标题的文字可能只有一行这些都需要处理首先是 文本超过两行显示胜略号.text-twoLine { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}加上这些 css样式就可实现 文本超两行显示胜略号了文本足两行如果文本不足行 且 下面的原创 2021-01-13 18:15:46 · 319 阅读 · 0 评论 -
搜索对应字段(关键字)高亮
用 正则的话 要是输入的是特殊字符会出现 把内容替换成字符串的问题<template> <div> <input type="text" v-model="inputValue" /> <button @click="search">点我搜索</button> <h3 v-html="res.list[0].title"></h3> <h3 v-html="res.lis原创 2020-12-19 23:07:24 · 471 阅读 · 1 评论