首页 > 其他分享 >在vue中获取mock中接口文件的某个接口方法 (vue-element-admin)

在vue中获取mock中接口文件的某个接口方法 (vue-element-admin)

时间:2022-09-21 12:02:12浏览次数:78  
标签:vue admin require 接口 element course js

一、通过require.context来获取api/course文件夹里面的文件

 require.context(`@/api/course`, true, /\.js$/)

得到如下:

二、把以上内容处理,放入一个对象M中

let M = {}
function importAll(r){
  console.log(r);
  r.keys().forEach(element => {
    M[element] = r(element)
  });
}
importAll(require.context(`@/api/course`, true, /\.js$/))

1.打印出M的内容,如下

 2.通过M[‘./audios.js’]来获取里面的接口

 3.调用接口方法

      M[`.audios.js`].dataList

4.利用模板字符串的方式

      M[`./${this.typeChose}.js`].dataList

其中typeChose为定义的变量

 

标签:vue,admin,require,接口,element,course,js
From: https://www.cnblogs.com/pwindy/p/16715107.html

相关文章

  • Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐
    Pinia优势Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐Vue2和Vue3都能支持抛弃传统的Mutation,只有state,getter和action,简化状态管理库......
  • 【测试平台开发】——07Vue前端框架实战——restful请求
    本节主要是前后端接口的调用,以及前端如何进行封装接口 一、创建相关文件在文件夹下创建http.js、api.js、user.js1)http.js封装接口:在src下创建api文件夹添加ht......
  • Pytest+allure+requests接口自动化
    实现功能测试数据隔离:测试前后进行数据库备份/还原接口直接的数据依赖:需要B接口使用A接口响应中的某个字段作为参数对接数据库:讲数据库的查询结果可直接用于断言......
  • Vue中使用富文本编辑器
    一.下载依赖npmivue-ueditor-wrap-S二.引入组件importVueUeditorWrapfrom'vue-ueditor-wrap'//ES6Module三.注册组件components:{VueUeditorWrap}//......
  • vue富文本(5版本)组件
    <template><div><divstyle="border:1pxsolid#ccc;width:500px"><!--工具栏--><Toolbarstyle="border-bottom:1pxsolid#ccc":editor="......
  • vue中设置class多种方式
    class可以绑定对象数组和函数等<!--第一种:数组直接传递一个数组,注意:这里的class需要使用v-moddel做数据绑定-->33<h1:class="['red','thin']">第一种:数组了......
  • vue +iview Select省市区联动
    因为需要保存的表里只有City_id一个字段,所以这边只保存"区"的值<Rowtype="flex"justify="start"class="code-row-bg"v-show="loginName=='admin'"><Cols......
  • vue下载图片
       asyncworks(obj){   awaitthis.axios({    method:'get',    url:`entryFormController/downloadWork.do`,    param......
  • 探索Java8:(五)Supplier和Consumer接口的使用
    Supplier是函数式编程的另一个接口,与Function、Predicate接口类似,区别在于Supplier不接收任何参数,只返回结果。Supplier的基本使用@FunctionalInterfacepublicinterfac......
  • vue导出文件
    /**导出*/asynctoExcel(){//letresult=awaitthis.axios({//method:'get',//url:`issdc-manage/gameController/export.do`,......