当前位置: 首页 > news >正文

vue3前端解析大数据返给的数据格式

  • # xxx:111111111111111\n\n## 2222:\n- 99999999。\n- 564566556。\n- ", 
npm install marked
import {marked} from 'marked'marked(# xxx:111111111111111\n\n## 2222:\n- 99999999。\n- 564566556。\n-)//就可以解析成 《p》 <li>标签  
//  <span class="f-s-14" v-html="a"></span>

 第二种就是 直接返给JSON串,前端动态渲染

 

{ "你好": { "我有": "100%", "一个": "20%", "帽衫": "20%", "我要在": "20%", "网上问问": "20%", "穿上之后": "20%", "显得": "20%" }, "很忠诚": "42.86%" }

    let data =  数据['你好']const arr = ref<string[]>([])for (const key in data) {if (Object.prototype.hasOwnProperty.call(data, key)) {arr.value.push(`${key}: ${data[key]}`)console.log(`${key}: ${data[key]}`);}}console.log(arr.value)//或者是 直接循环对象<div class="f-s-14 detail m-b-10" v-for="(value,key) in basic.executeRateContent['你好']" :key="key"><el-image :src="Ask" class="error-img"></el-image><div>{{key}}-{{value}}</div></div>

http://www.lryc.cn/news/388447.html

相关文章:

  • Incremental Player Build
  • 快钱支付股东全部股权已被质押!
  • 【鸿蒙学习笔记】数据类型
  • SAP实现特别总账的凭证预制
  • 鸿蒙 HarmonyOs 动画效果 快速入门
  • PyTorch学习之 torch.squeeze 函数
  • 达梦数据库系列—17. 主备集群搭建-实时主备
  • 【24医学顶刊】GANDALF:主动学习 + 图注意力变换器 + 变分自编码器,改善多标签图像分类
  • Linux 权限介绍
  • kernel header解析
  • MQ运行时遇到的问题
  • EDI是什么?与ERP有何关系
  • 【MotionCap】在wsl2 ubuntu20.04构建及运行
  • iptables 防火墙(二)
  • 【机器学习】在【PyCharm中的学习】:从【基础到进阶的全面指南】
  • idea Error running ‘Application‘
  • 数据结构和顺序表
  • 【一步一步了解Java系列】:对这个系列的总结以及对缺漏内部类知识的补充
  • TCP和UDP
  • 【ai】tx2 nx:ubuntu18.04 yolov4-triton-tensorrt 成功部署server 运行
  • 类与对象的创建
  • 基于单片机的 LED 照明灯智能调光系统设计
  • 客户满意度调查方法有哪些
  • 为什么企业应用开发,c++干不过java?
  • 基于盲信号处理的声音分离——最小化增益的ICA算法
  • 自动化代码规范检查--Sonarqube部署
  • 基于uni-app与图鸟UI的移动应用模板构建研究
  • AI智能在Type-C领域的应用
  • INS-GPS组合导航——卡尔曼滤波
  • day 58 739. 每日温度 496.下一个更大元素 I 503.下一个更大元素II