vue如何import axios异步的数据

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

其中data.js中数据为

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

目前想动态请求axios数据
该如何写呢?

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

这样似乎不行!

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

这样似乎也有问题。

解决办法
data.js的数据中用

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

调用的时候用. tableData.rowData() 提示

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

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

请教该如何取到这部分异步数据呢

data.js部分的内容

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'
    },........
阅读 3k
1 个回答

首先确定路径,这个根据启动服务来看。其次本地测试请求json格式文件,而不是js文件,你需要的是数据,而不是js代码。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题