VueJs反向陣列問題

我通過臉譜圖API獲取對話消息，我需要反向數據。VueJs反向陣列問題

在計算reverseChat函數我試試返回this.chat.data工作但不反向（）當我嘗試JSON.parse(this.chat).data.reverse()或this.chat.data.reverse()錯誤顯示。

控制檯顯示錯誤

[Vue warn]: Error when rendering anonymous component at C:\Users\PEM\Desktop\src\components\Chat.vue: 
SyntaxError: Unexpected end of JSON input 
    at json.parse (<anonymous>) 
    at Proxy.render (eval at <anonymous> (app.js:2430), <anonymous>:123:85) 
    at VueComponent.Vue._render (ever at <anonymous> (app.js:606), <anonymous>:2464:21) 
    ...

樣品中的jsfiddle

https://jsfiddle.net/pqrf2vu4/

來源

2017-01-24 Pe m

你是什麼意思？請花點時間更好地解釋你的需求和問題 –

你似乎試圖扭轉一個對象。需要在數組上使用'reverse（）'。你爲什麼扭轉「聊天」？你可能試圖顛倒聊天裏面的'data'數組嗎？ –

你的聊天屬性中有一個json字符串。解析它，然後你可以訪問數據屬性。 'JSON.parse（this.chat）.data.reverse（）'。請看看[這裏]（http://jsfiddle.net/awolf2904/pqrf2vu4/1/）。（請更新您的問題，所以問題很明顯，我會添加一個答案。） – AWolf

JSON.parse(this.chat).data.reverse()

作品代碼。請參閱Jsfiddle

來源

2017-01-24 22:23:32

在jsfiddle的作品，但在file.vue我的項目錯誤我不知道爲什麼 –

也許它沒有數據在'this.chat'當它計算？給'this.chat'默認值'{data：{}}'看看是否有效。 –

實際上這個 - '聊天：'{「數據」：[]}' –

VueJs反向陣列問題

回答

相關問題