详解vue渲染从后台获取的json数据


Posted in Javascript onJuly 06, 2017

公司项目原来用的框架扩展性太差,准备更新前台页面然后用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的时候就不行。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用正则获取指定路径文件的名称
Feb 27 Javascript
基于JQUERY的多级联动代码
Jan 24 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
Vue.js第二天学习笔记(vue-router)
Dec 01 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
node.js微信小程序配置消息推送的实现
Feb 13 Javascript
Vue v-bind动态绑定class实例方法
Jan 15 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 Javascript
微信小程序 Buffer缓冲区的详解
Jul 06 #Javascript
VUE axios发送跨域请求需要注意的问题
Jul 06 #Javascript
vue-cli如何添加less 以及sass
Jul 06 #Javascript
微信小程序 跳转传递数据的实例
Jul 06 #Javascript
详解webpack进阶之插件篇
Jul 06 #Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 #Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 #Javascript
You might like
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
传智播客学习之java 反射
2009/11/22 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
2011/12/12 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
举例讲解AngularJS中的模块
2015/06/17 Javascript
七个不允许错过的jQuery小技巧
2015/12/21 Javascript
简单实现js选项卡切换效果
2016/02/03 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
微信小程序 自定义复选框实现代码实例
2019/09/04 Javascript
浅谈Python中的私有变量
2018/02/28 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
世界排名第一的运动鞋市场:Flight Club
2020/01/03 全球购物
初中三年学生的学习自我评价
2013/11/13 职场文书
编辑找工作求职信分享
2014/01/03 职场文书
《满井游记》教学反思
2014/02/26 职场文书
一年级学生评语
2014/04/23 职场文书
入职担保书怎么写
2014/05/12 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
市场总监岗位职责
2015/02/11 职场文书
python在package下继续嵌套一个package
2022/04/14 Python