详解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:[
{
vue json字符串转数组
"企业名称":"aaaaaaaaaaa","企业组织机构代码":"bbbbbbbbbbbbbbbb",
"上级单位":"cccccccccc","集团或者管理部门":"dddddddddddddd"
}
]}
})
},
error:function(data){
console.log("error")
}
});
});
因为想着只是⼀个demo，在交给其他同事在运⽤到项⽬的时候肯定会更改key和value，所以就直接拿汉字作为key了，并且可以渲染成功，因为渲染成功了，所以没多想，然⽽在实际项⽬运⽤的过程中console却报了各种奇怪的错误，不到id啊什么。。当时真是⼀头雾⽔。最后把key换成英⽂就可以渲染成功了。。
但是为什么在data把数据写死，就可以渲染成功，不管key是英⽂还是汉字，但在项⽬中从后台获取json的时候就不⾏。
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。