详解vue渲染从后台获取的json数据
更新时间：2017年07月06日 14:28:42 作者：joe_dev
这篇文章主要介绍了详解vue渲染从后台获取的json数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
公司项目原来用的框架扩展性太差，准备更新前台页面然后用vue渲染dom
然后我写了一个demo
$(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的时候就不行。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
vue3 组件与API直接使用的方法详解(无需import)
这篇文章主要介绍了vue3 组件与API直接使用的方法(无需import)，主要包括vue3自动导入和API的自动引入问题，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-09-09
Vue 实现 Tab切换实现的场景很多，比如，利用vue-router、利用第三方插件、利用组件等等.本文使用组件来实践tab选项卡2017-03-03
本篇文章主要介绍了详解通过JSON数据使用VUE.JS，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
uni-app中使用ECharts配置四种不同的图表(示例详解)
在uni-app中集成ECharts可以为我们的应用提供强大的图表功能,我们详细说一下如何在uni-app中使用ECharts,并配置四种不同的图表,感兴趣的朋友跟随小编一起看看吧2024-01-01
这篇文章主要为大家详细介绍了Vue实现响应式布局的两种方法,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起了解一下2023-12-12
本文主要介绍了vue常用指令实现学生录入系统的实战，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
最近在使用element-ui的表格组件时,遇到了搜索框功能的实现问题,这篇文章主要给大家介绍了关于如何使用elementUI组件实现表格的分页及搜索功能的相关资料,需要的朋友可以参考下2023-03-03
今天小编就为大家分享一篇解决vue打包css文件中背景图片的路径问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了Vue中的插件：Vuex。本文将围绕它的优缺点、使用场景和示例展开详细的说明，感兴趣的小伙伴可以跟随小编一起了解一下2022-01-01
vue中使用Echarts map图实现下钻至县级的思路详解
这篇文章主要介绍了vue中使用Echarts map图实现下钻至县级,需要注意的是，因为我是直接从 vue-cli2 直接跳到 vue-cli4 ，还奇怪怎么读取不到JSON，查找后才知道 vue-cli3 往后的项目基础架构对比旧版本有些区别，感兴趣的朋友跟随小编一起看看吧2022-01-01
最新评论