溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue怎么渲染從后臺獲取的json數(shù)據(jù)

發(fā)布時間:2021-07-07 13:57:53 來源:億速云 閱讀:158 作者:小新 欄目:web開發(fā)

這篇文章將為大家詳細講解有關(guān)vue怎么渲染從后臺獲取的json數(shù)據(jù),小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

實例如下

$(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:[
  {
  "企業(yè)名稱":"aaaaaaaaaaa","企業(yè)組織機構(gòu)代碼":"bbbbbbbbbbbbbbbb",
    
 "上級單位":"cccccccccc","集團或者管理部門":"dddddddddddddd"
 }
   ]}
     })
    },
    error:function(data){
     console.log("error")
    }
   });
  });

因為想著只是一個demo,在交給其他同事在運用到項目的時候肯定會更改key和value,所以就直接拿漢字作為key了,并且可以渲染成功,因為渲染成功了,所以沒多想,然而在實際項目運用的過程中console卻報了各種奇怪的錯誤,找不到id啊什么。。當(dāng)時真是一頭霧水。最后把key換成英文就可以渲染成功了。。

但是為什么在data把數(shù)據(jù)寫死,就可以渲染成功,不管key是英文還是漢字,但在項目中從后臺獲取json的時候就不行。

關(guān)于“vue怎么渲染從后臺獲取的json數(shù)據(jù)”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI