Отобразить массив JSON в Vuejs

Я получаю эти данные из API Coldfusion Framework / 1 в формате JSON:

{
  "COLUMNS": [
    "PRODUCT_ID",
    "PRODUCT_NAME",
    "PRODUCT_STATUS",
    "DT_CREATED"
  ],
  "DATA": [
    [
      102,
      "Window",
      "In Production",
      "November, 02 2018 10:33:13"
    ],
    [
      105,
      "Window",
      "Delivered",
      "November, 11 2018 15:00:00"
    ],
    ETC...
  ]
}

В инструментах разработчика, используя инструмент Vue, я получил следующее:

  • data
    • errored: false
    • загрузка: правда
    • windows: Object
      • COLUMNS: Array[4]
      • ДАННЫЕ: массив [22]

Я использую аксиомы

new Vue({
    el: '#windows-list-data',
    data() {
      return {
      windows: null,
      loading: true,
      errored: false
    }
 },
mounted() {
  axios
    .get('https://my-server.local/index.cfm?action=api.get')
    .then( response => {
      this.windows = response.data

     })
    .catch( error =>  {
      console.log(error) 
      this.errored = true
    })
    .finally( () => this.loading = false )
}

Может ли кто-нибудь сказать мне, как отображать данные в Vuejs в представлении? Благодарность


json vue.js format coldfusion fw1
person dkgcb    schedule 25.11.2018    source источник
comment
Вне темы, но вы должны рассмотреть действия Vuex для асинхронных задач!   -  person Damon    schedule 25.11.2018
comment
serializeJSON (queryData, структура); возвращает массив структур вместо нотации запроса. Это может упростить переход в vue.js. Насколько мне известно, FW / 1 не поддерживает этот параметр, поэтому вам придется делать это самостоятельно, не используя fw.renderData (json, .....).   -  person Andreas Schuldhaus    schedule 25.11.2018
comment
Вам нужно JSON.parse(response.data), иначе это просто строка.   -  person Simon Hyll    schedule 25.11.2018
comment
Спасибо вам всем. Это было очень полезно   -  person dkgcb    schedule 25.11.2018
comment
Вы должны написать ответ, если это было решением вашей проблемы. Это поможет другим в будущем   -  person James A Mohler    schedule 26.11.2018

Ответы (1)


arrow_upward
1
arrow_downward

кажется должен измениться

this.windows = response.data

to

let respDataStr = response.data
let jsObject = JSON.parse(respDataStr)
this.windows = jsObject
person crifan    schedule 25.02.2020