详解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 相关文章推荐
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
javascript实现单击和双击并存的方法
Dec 13 Javascript
js实现微信分享代码
Oct 11 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
js+html5实现手机九宫格密码解锁功能
Jul 30 Javascript
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
vue.js封装switch开关组件的操作
Oct 26 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
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
php中文繁体和简体相互转换的方法
2015/03/21 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
vue的传参方式汇总和router使用技巧
2018/05/22 Javascript
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
vue中 this.$set的用法详解
2019/09/06 Javascript
小程序最新获取用户昵称和头像的方法总结
2019/09/23 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
2020/07/27 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
[32:56]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.11
2020/12/16 DOTA
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
使用Python向C语言的链接库传递数组、结构体、指针类型的数据
2019/01/29 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
html5使用canvas绘制太阳系效果
2014/12/15 HTML / CSS
Ever New美国:澳大利亚领先的女装时尚品牌
2019/11/28 全球购物
关于母亲节的感言
2014/02/04 职场文书
土木工程专业推荐信
2014/02/19 职场文书
共产党员承诺书
2014/03/25 职场文书
2014年党员创先争优承诺书
2014/05/29 职场文书
python中requests库+xpath+lxml简单使用
2021/04/29 Python
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript