调用js文件的数据并返回promise类型

诚诚程程成

已于 2023-04-26 23:18:08 修改

阅读量522

点赞数

文章标签： javascript vue.js 前端

于 2023-04-26 23:17:57 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_52268321/article/details/130369638

版权

在前端开发过程中，当后端接口未准备好时，可以将测试数据写入JS文件，如创建的`testData.js`，包含匹配字段列表的数据结构。在Vue组件中导入并使用这些数据，例如通过`console.log`打印数据以检查逻辑。在某些情况下，可能需要将测试数据包装为Promise返回，以便于模拟异步数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端开发时如果后端的接口还没写好，可以先将测试数据写在js文件中，引入文件的数据检验web逻辑是否正确

测试数据

创建一个js文件

const testData = {
  MatchFieldList: {
    MatchField: [
      {
        ID: 1,
        UserDefine: "11",
        PlatformDefine: 0
      },
      {
        ID: 2,
        UserDefine: "22",
        PlatformDefine: 1
      }
    ],
    TotalNum: 2,
    PageIndex: 0,
    PageSize: 0
  }

};
export default testData;

vue文件中使用

引入

import testData from './testData.js';

使用

打印 testData.MatchFieldList; 就可以拿到数据了

返回为promise类型

有些场景需要将测试数据包装为promise返回

return new Promise(resolve => {
        console.log("testData.testData", testData.MatchFieldList);
        resolve(testData.MatchFieldList);
      });