改变后端返回文案部分字体颜色

前端老五

已于 2022-04-08 10:08:18 修改

阅读量679

点赞数

文章标签： javascript css html

于 2021-11-18 09:53:26 首次发布

本文链接：https://blog.csdn.net/m0_46512929/article/details/121393995

版权

    // 在&....@中改变样式
    changea(str) {
      str = str.replace(
        /&/g,
        '<a style="color:#E60027;text-decoration: none; ">'
      );
      str = str.replace(/@/g, "</a>");
      this.wenan = str;
    },

 <div v-html="wenan"></div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端老五

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

基于单片机的电动汽车小功率交流充电桩设计【毕业设计】

qq_48771816的博客

07-11

155

围绕本次课题，调研了充电桩的发展现状。介绍了欧美以及日本等新能源汽车发展比较先进的国家的现状。随着充电桩的普及，消费者和充电运营者对充电桩的要求也越来越高，还有就是在快节奏生活这大背景下，对于消费者来说追求操作简单，方便快捷省时省力，更智能，性价比高的产品，计算更准确的系统；运营者则希望电流、电压检测更加准确稳定，安全系数更高，低功耗，产品投资低风险小的设计。

后台返回的字符串，前端需要把其中的数字变成红色

weixin_46540564的博客

11-18

1463

需求：后台返回的字符串，前端需要把其中的数字变成红色这是一个vue 项目, 也是翻了很多的大佬写的博客，自己总结了一下，开始时循环这个字符串，利用过滤器实现了这个需求，但是这样严重消耗了浏览器的性能，创建出了很多的span 标签，经过大佬的点播，换了一种方法，上代码：  <div v-html="str"></div> // css代码 .red { color: red; } data () { return { s

参与评论您还未登录，请先登录后发表或查看评论

vue后台返回不同的文字渲染不同的图片及文字颜色

youlinaixu的博客

09-13

3729

我是这样写的，因为我好多页面都用到了，所以封装到js文件中了。这里是根据不同的状态显示不同的图片及文字颜色。 status.js文件： import Vue from 'vue'; import delete1 from '../img/delete1.png'; import delete2 from '../img/delete2.png'; import...

根据接口返回字段改变颜色

Sunshine_GirlXue的博客

10-13

728

通过事件 <div class='data-list' :style="{color: getColor(item)}" v-for="(item,index) in city" :key="index"> <div style="width: 100%;display: flex;"> <div style="width: 25%;">{{ item.name }}</

后端渲染内容中一部分字改变颜色

gxh0816的博客

12-16

408

如果我们的内容是由后端渲染得到,但我又希望统一的去改变一部分的字体颜色,比如正常状态为一个颜色,异常状态又为一个颜色如果需要改变的颜色过多怎么办呢?比如一部分绿色,一部分红色,蓝色…这个时候再用三元表达式就容易出错了.之前就强调过, 超过三个就不要用三元表达式了这个可以看到用的是过滤器. 我们这里准备现实的文字用的其实也是过滤器 ...

根据后端返回字段显示不同的颜色

温小鹿的博客

06-18

794

根据后端返回字段显示不同的颜色

vue项目中将后端返回的文本中的数字和特殊文本标红显示

fyc_away的博客

06-02

2404

将文本中的"返还"和数字(一般是小数)标红显示 1、数据处理 // 处理列表显示 handleTableData(data) { // data 是后端返回的列表数据, 在这进行处理 const result = []; const replaceText = []; const numberText = []; for (let i = 0; i <= 9; i += 1) { replaceText.push(`${i

小程序文档整理之 -- API（开放接口）

热门推荐

bobobocai的博客

08-28

3万+

登录wx.login(OBJECT)调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。注：调用 login 会引起登录态的刷新，之前的 sessionKey 可能会失效。 wx.login({ success: function(res) {

JS学习笔记

jing_jing95的博客

06-23

550

1. <script type="text/javascript"></script> 引用JS外部文件：<script src="script.js"></script> 在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。 JS文件不能直接运行，需嵌入到HTML文件中执行可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。 2. javascrip

web前端面试题必备

zzDAYTOY的博客

10-12

871

1、vue数据双向绑定原理 vue.js 是采用数据劫持结合发布者-订阅者的模式的方法，通过Object.defineProperty()来劫持各个属性的Getter、setter，在数据变动时发送消息给订阅者。它实现的整个流程是先为每个vue属性用Object.defineProperty()实现数据劫持，为每个属性分配一个订阅者集合的管理数组dep；然后在编译的时候在该属性的数组dep中添加订阅者，v-model就会添加一个订阅者，接着用input举例，为input添加监听事件，修改值就会为这个属性赋值

vue-通过数组实现文字字体变色

weixin_44098615的博客

07-15

976

vue的API文档：https://cn.vuejs.org/v2/guide/syntax.html API文档中对指令的解释：指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。按我的理解指令有点像命令，通过特定的指定，对元素进行赋值，点击事件，js运算等等各种操作。这里使用v-bind，v-on指

Vue 项目页面主题颜色，字体颜色由后台返回数据控制

yongyafang123的博客

04-10

2653

** 需求： ** 同一个页面，可以根据后台返回的颜色值，改变页面的色调方式无需多言直接上代码 <template> <div class="theme" :style="colorProps"> <div class="btn"> <div class="class1">我的字体颜色是红色的...

富文本字符串颜色改变效果

maple程序猿的博客

05-17

4545

富文本字符串颜色改变效果

为文本域（textarea）中的个别字体设置不同的样式

GCTTTTTT的博客

03-25

5040

文章目录将textarea文本域用可编辑的div来代替相关JavaScript代码效果显示参考链接将textarea文本域用可编辑的div来代替将contenteditable设置为true后可将div模拟成textarea <div id="" class="" contenteditable="true"></div> 然后就可以根据需求改变文本中个别字体的样式了相关JavaScript代码 var arr_correct_split = data_try.corre

根据接口数据返回的不同字段显示不同背景颜色

xx820702的博客

03-20

793

结构： <div v-for="(item, index) in park" :key="index"> <span :class="toHldj(item)">{{ item.hldj.substr(0, 2)}}</span> //substr(0,2)要抽取的子串的起始下标。从0开始截取2位，如南一公园只会显示南一 </div> 交互： methods: { toHldj(item) { if (item.hldj == "南一.

根据后端返回不同数据显示不同颜色