electron-vue-admin项目重构
基于electron-vue-admin开源项目构造的后台管理系统,包括登录、获取列表、增、删、改、上传图片、视频等操作
萱 with 0 erro
前端学习ing,记录下自己踩的坑
展开
-
electron-vue-admin项目重构(六)页面中接口的使用之添加
html代码: <el-button type="primary" @click="submit" >确 定</el-button>script页面:import {create} from @/api/chikenTypesubmit() console.log(this.Form) create(this.obj2formData(this.Form)).then(res=>{原创 2021-09-04 17:54:06 · 257 阅读 · 0 评论 -
electron-vue-admin项目重构(五)项目中的接口使用之获取数据至下拉列表
template代码:<el-form-item label="服务部" prop="service"> <el-select v-model="addOneForm.service" filterable placeholder="请选择" @change="handleChange()" clearable :options="options" :props="optionProps">原创 2021-09-04 17:16:24 · 234 阅读 · 0 评论 -
electron-vue-admin项目重构(四)页面中的接口使用之删除
template代码:<el-button size="mini" type="danger" icon="el-icon-delete " @click="deleteName(scope.$index, scope.row)" >删 除</el-button>script代码://写自己接口js文件的路径import { remove} from '@/ap原创 2021-09-04 17:10:33 · 245 阅读 · 0 评论 -
electron-vue-admin项目重构(三)页面中的接口使用之分页获取详情列表
这一节主要是讲各种功能接口的使用一、分页获取详情列表template代码: <!--页面展示--> <el-table :data="tableData" size="mini" border style="width: 100%" stripe="true"> <el-table-column prop="name" label="名字" width="300" align="center" /> </el-table> <原创 2021-09-04 17:04:48 · 352 阅读 · 0 评论 -
electron-vue-admin项目重构(一)解决跨域问题
electron-vue-admin项目在最开始就将跨域的配置完成了,但是与平常的vue项目以及electron-vue项目不同,electron-vue-admin项目的目录结构有所改变。vue是在vue.config.js中配置proxyTable利用target获取远程接口地址,然后拦截、代理,从而解决冲突。electron-vue是通过在electron-vue文件夹下的dev-runner.js中做proxy的配置。而electron-vue-admin则是通过config文件夹下的这三个文件原创 2021-09-04 16:35:59 · 2050 阅读 · 1 评论 -
electron-vue-admin项目重构(二)API的书写
首先,我们要了解API的接入原理。是通过在api中书写接口的js文件,然后在页面中import接口,通过方法调用实现接口,这一节我们主要是书写js文件首先,找到api文件目录对于某个页面所需要的接口文件命名,xxx.js然后输入以下代码。这里举例了get和post两种接口,一个是获取数据、一个是提交数据:import request from '@/utils/request'export function findAll(params) { return request({ ur原创 2021-09-04 16:42:57 · 397 阅读 · 0 评论