使用Mock数据传递

第一步按照完element-admin快速框架后，在mock文件夹里面新建自己的数据.js，并在index.js中添加自己的文件映射

const user = require('./user')
const table = require('./table')
const management = require('./management')
const AllShow = require('./AllShow')  //自己添加的

const mocks = [
  ...user,
  ...table,
  ...management,
  ...AllShow  //自己添加的
]

const Mock = require('mockjs')

const data = Mock.mock({
  'data': [
    {
      'HouseNumber': '538',
      'door': '0',
      'cold': '0',
      'hot': '0',
      'temperature': ''
    }
  ]
})

module.exports = [
  {
    url: '/vue-admin-template/AllShow/list',
    type: 'get',
    response: config => {
      const items = data.data
      return {
        code: 20000,
        data: {
          total: items.length,
          items: items
        }
      }
    }
  }
]

第二步在src文件夹里的api文件夹里面新建一个和mock文件同名的.js映射到上面

import request from '@/utils/request'

export function getAllShow(params) {
  return request({
    url: '/vue-admin-template/AllShow/list',
    method: 'get',
    params
  })
}

第二步在需要映射的使用数据的文件里面导入api路径则可以使用

import { getAllShow } from '@/api/AllShow'

async getTableAll() {
      getAllShow().then(res => {
        this.AllDisplay = res.data
        console.log(res.data.items)
      })
    }