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

fyc-Away

于 2021-06-02 10:45:43 发布

阅读量2.4k

点赞数 2

本文链接：https://blog.csdn.net/fyc_away/article/details/117462303

版权

本文介绍如何在Vue项目中实现后端返回文本中的'返还'字样及数字（尤其是小数）进行红色高亮显示，包括数据处理、具体使用方法和最终展示效果。

摘要由CSDN通过智能技术生成

将文本中的"返还"和数字(一般是小数)标红显示

1、数据处理

// 处理列表显示
    handleTableData(data) {
   
    // data 是后端返回的列表数据, 在这进行处理
      const result = [];
      const replaceText = [];
      const numberText = [];
      for (let i = 0; i <= 9; i += 1) {
   
        replaceText.push(`${
     i}`