iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue怎么渲染从后台获取的json数据
  • 518
分享到

vue怎么渲染从后台获取的json数据

2024-04-02 19:04:59 518人浏览 独家记忆
摘要

这篇文章将为大家详细讲解有关Vue怎么渲染从后台获取的JSON数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。实例如下$(document).ready(functio

这篇文章将为大家详细讲解有关Vue怎么渲染从后台获取的JSON数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

实例如下

$(document).ready(function(){
   $.ajax({
    type:"post",    
    url:"",
    async:true,
    data:{
    },
    dataType:"json",
    success:function(data){
     var a=new Vue({
      el:"#detail-info-id",
      data:{
      data:[
  {
  "企业名称":"aaaaaaaaaaa","企业组织机构代码":"bbbbbbbbbbbbbbbb",
    
 "上级单位":"cccccccccc","集团或者管理部门":"DDDddddddddddd"
 }
   ]}
     })
    },
    error:function(data){
     console.log("error")
    }
   });
  });

因为想着只是一个demo,在交给其他同事在运用到项目的时候肯定会更改key和value,所以就直接拿汉字作为key了,并且可以渲染成功,因为渲染成功了,所以没多想,然而在实际项目运用的过程中console却报了各种奇怪的错误,找不到id啊什么。。当时真是一头雾水。最后把key换成英文就可以渲染成功了。。

但是为什么在data把数据写死,就可以渲染成功,不管key是英文还是汉字,但在项目中从后台获取json的时候就不行。

关于“vue怎么渲染从后台获取的json数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: vue怎么渲染从后台获取的json数据

本文链接: https://www.lsjlt.com/news/71540.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue怎么渲染从后台获取的json数据
    这篇文章将为大家详细讲解有关vue怎么渲染从后台获取的json数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。实例如下$(document).ready(functio...
    99+
    2022-10-19
  • AJax如何获取后台数据在页面中渲染
    这篇文章给大家分享的是有关AJax如何获取后台数据在页面中渲染的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.先放一段ajax http://xxxxx/GCMS/dispat...
    99+
    2022-10-19
  • vue获取后台json字符串的方式是什么
    这篇文章主要讲解了“vue获取后台json字符串的方式是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue获取后台json字符串的方式是什么”吧!vue获取后台json字符串在api文...
    99+
    2023-06-29
  • vue怎么批量渲染Json数组对象列表数据
    本文小编为大家详细介绍“vue怎么批量渲染Json数组对象列表数据”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue怎么批量渲染Json数组对象列表数据”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。Vuejs...
    99+
    2023-07-04
  • vue如何从后台获取数据生成动态菜单列表
    目录1.数据准备2.选择组件3.配置路由4.不出问题这样就可以实现动态路由了5.完整代码1.数据准备 树形菜单基本数据很简单,只需要菜单id,菜单名称,路由地址,图标。下图中的节点i...
    99+
    2022-11-13
  • vue+vuex+axio从后台怎么获取数据存入vuex实现组件之间共享数据
    这篇文章主要介绍vue+vuex+axio从后台怎么获取数据存入vuex实现组件之间共享数据,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在vue项目中组件间相互传值或者后台获取的数...
    99+
    2022-10-19
  • Vue中Axios从远程/后台读取数据的方法
    这篇文章主要为大家展示了“Vue中Axios从远程/后台读取数据的方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue中Axios从远程/后台读取数据的方法...
    99+
    2022-10-19
  • SAP云平台上的Fiori Launchpad tile数据是怎么从后台取出来的
    这篇文章将为大家详细讲解有关SAP云平台上的Fiori Launchpad tile数据是怎么从后台取出来的,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。通过我自己的用户登录HCP后,我可以...
    99+
    2023-06-04
  • bootstrap中select2动态从后台Ajax动态获取数据的示例分析
    这篇文章主要介绍了bootstrap中select2动态从后台Ajax动态获取数据的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Bootstrap是什么Bootst...
    99+
    2023-06-08
  • Java怎么调用接口获取json数据解析后保存到数据库
    本篇内容主要讲解“Java怎么调用接口获取json数据解析后保存到数据库”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Java怎么调用接口获取json数据解析后保存到数据库”吧!Java调用接口...
    99+
    2023-07-05
  • 使用json怎么获取数据库的信息
    使用json怎么获取数据库的信息?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。ajax发送请求到controller,controller响应一个json格式的数据给页面,...
    99+
    2023-06-08
  • 使用request怎么获取body中的json数据
    使用request怎么获取body中的json数据?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。在request中可以获取到来自Http请求的body数据比如获取json格...
    99+
    2023-06-15
  • 怎么实现Vue的数据可视化后台
    本篇内容介绍了“怎么实现Vue的数据可视化后台”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!主要功能点和实...
    99+
    2022-10-19
  • Ajax向后台传json格式的数据出现415错误怎么解决
    这篇文章主要讲解了“Ajax向后台传json格式的数据出现415错误怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Ajax向后台传json格式的数据...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作