鍍金池/ 問答/Java  HTML/ vue如何import axios異步的數(shù)據(jù)

vue如何import axios異步的數(shù)據(jù)

import tableData from 'data.js'
created(){
    this.data = tableData.data1
}

其中data.js中數(shù)據(jù)為

export const data1 = ['a','b','c']
export const data2 = ['1','2','3']

目前想動態(tài)請求axios數(shù)據(jù)
該如何寫呢?

export axios.get('...').then((res)=>{
    ....
    

這樣似乎不行!

或者let data2 = []
axios.get('..').then((res)=>{data2 = res}...

這樣似乎也有問題。

解決辦法
data.js的數(shù)據(jù)中用

export function rowData(){
    return new Promise((resolve, reject) => {
        axios.get('http://localhost:7001/users/1')
        .then((res) => {
            console.log(res.data)
            resolve(res.data)
        })
    })
}

調(diào)用的時候用. tableData.rowData() 提示

.....default.rowData is not a function

如果直接用tableData打印出來的又是undefined

請教該如何取到這部分異步數(shù)據(jù)呢

data.js部分的內(nèi)容

export function rowData(){
    return new Promise((resolve, reject) => {
        axios.get('http://localhost:7001/users/1')
        .then((res) => {
            console.log(res.data)
            resolve(res.data)
        })
    })
}

export const solidData = [
    {
        title: '序號',
        type: 'index',
        width: 80,
        align: 'center'
    },........
回答
編輯回答
空痕

首先確定路徑,這個根據(jù)啟動服務(wù)來看。其次本地測試請求json格式文件,而不是js文件,你需要的是數(shù)據(jù),而不是js代碼。

2018年5月26日 17:08