首页 > 其他分享 >VUE接收后端传递的map,解析并遍历

VUE接收后端传递的map,解析并遍历

时间:2023-07-14 17:00:21浏览次数:39  
标签:map 遍历 item VUE 取出 接收

后端传递map结果,前端接收时需要进行参数转化,转为前端的map,Object.entries方法进行转化,遍历时使用 for of 进行遍历,图中的item取出来的时一个数组对象,如{a:1,b:2},map对象时这样,item遍历第一轮时取出来的格式是[a,1],所有使用item[0]就可以取出key值,item[1]就可以取出value值

 

标签:map,遍历,item,VUE,取出,接收
From: https://www.cnblogs.com/zhangzheshuai/p/17554426.html

相关文章

  • Vue3 响应式全局对象
    需求在main.js中创建一个 响应式全局对象。改变这个全局对象时,子组件应同步响应。效果:这几个标签框绑定的全局对象jsonmain.js定义 响应式全局对象//全局对象constglobalData=reactive({extTelMonitorData:[{title:'用户组一',......
  • vue进行页面跳转样式丢失问题
    问题:vue使用 this.$router.push方法进行页面跳转时样式丢失,如下图,图一为正常页面,图二为跳转后的界面  解决方法:并非样式丢失,而是样式背覆盖了,去跳转的原界面样式中加入scope,跳转之后问题解决 ......
  • HashMap里面有哪些方法会更改modCount
    modCount是 HashMap 类中的一个成员变量,用于记录 HashMap 结构发生变更(如插入、删除、扩容等操作)的次数。在 HashMap 中,有以下方法会更改modCount的值:1.put(K key, V value):插入一个新的键值对。2.putAll(Map<? extends K, ? extends V> m):将一个 Map 中的所......
  • vue 实现自定义主题切换+日夜切换
    此处只参考修改主题色,日夜模式参考elep官网functiongradientColor(this:any,startColor:any,endColor:any,step:any){letstartRGB=gradientColor.prototype.colorRgb(startColor);//转换为rgb数组模式letstartR=startRGB[0];letstartG=star......
  • Vue2的安装
    Vue的安装根据需求分为script标签引入与npm命令创建项目。1. script引入用途:用于不改动老项目源代码的二次开发。   使用方式:在html中嵌入vue.global.js的script标签的引入。代码示范图:  2. npm命令创建项目前提:npm是Node.JS自带的指令,如果需要使......
  • vue 使用document.execCommand失效
    document.execCommand当一个HTML文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进)。当使用contentEditable时,调用 execComman......
  • vite+vue3+minio
    之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2,web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错一.用vue2搭个项目,将minio通过require方式导入,再进行导出,上传npm,然后再npminstall......
  • vue 组件分享
    应用场景是tab切换,上方显示五个标题,下方区域显示各模块内容分享的原因是这个写法简介父组件如下:<template><Tabsv-model="selected"@on-click="change_item"><TabPanev-for="iteminlist_tab":key="item.name":lab......
  • Vue项目配置Https双向认证
    访问双向认证的Https接口本地运行设置修改webpack配置 jsconstfs=require('fs')constoptions={//客户端密钥key:fs.readFileSync(path.join(__dirname,'../ca/key.pem')),//客户端公钥cert:fs.readFileSync(path.join(__dirname,'../ca......
  • vue配置https
    constpath=require('path');constfs=require('fs');consthttps=require('https');constoptions={key:fs.readFileSync(path.join(__dirname,'./ca/client.key')),cert:fs.readFileSync(path.join(__dirname,......