随笔 - 175  文章 - 6  评论 - 0  阅读 - 36676

随笔分类 -  vue 系列 / ④ vue封装

⑦ 对话框类
摘要:对话框类 1 构造者函数+基本功能 class ListDataCls { /** 公共字段... **/ constructor(props) { Object.assign(this, props) } closeModal() {} resetData() {} openEditHandle( 阅读全文
posted @ 2023-02-09 14:27 pleaseAnswer 阅读(26) 评论(0) 推荐(0) 编辑
⑥ 表格类
摘要:表格类 1 构造者函数+基本功能 class ListDataCls { /** 公共字段... **/ constructor(config) { if (Reflect.has(config, 'isChart')) { this.isChart = false; // 是否有 chart th 阅读全文
posted @ 2023-02-09 14:26 pleaseAnswer 阅读(16) 评论(0) 推荐(0) 编辑
⑤ 查询条件动态生成
摘要:1 实现效果 2 单个查询框组件 根据接口返回的 conditions_configs 字段动态生成查询框 ConditionOne 2.1 模板 <template> <!-- 日期 --> <DatePicker2 v-if="data.type.includes('date')" v-mode 阅读全文
posted @ 2023-02-09 14:23 pleaseAnswer 阅读(38) 评论(0) 推荐(0) 编辑
④ 版本② axios 封装
摘要:HttpRequestBase 类 1 构造函数 constructor(baseUrl) { const basePort = getUrlPort(baseUrl); this.baseUrl = baseUrl; this.baseUrlWithPort2 = baseUrl.replace( 阅读全文
posted @ 2023-02-09 11:48 pleaseAnswer 阅读(31) 评论(0) 推荐(0) 编辑
③ 封装下载流
摘要:/* * src > utils > download.js * 封装的下载流的方法 * 参数 data 后台返回的数据流 * 参数 filename 下载的文件名 * 参数 mime 类型 转化的类型 详细可百度 * */ export function downloadStream(data, 阅读全文
posted @ 2021-10-22 09:53 pleaseAnswer 阅读(18) 评论(0) 推荐(0) 编辑
② elementui table+分页组件封装
摘要:1 table组件 1.1 模板 <template> <div class="table-wrap"> <el-table :data="tableList" highlight-current-row size="small" height="450px" border style="width 阅读全文
posted @ 2021-09-13 15:15 pleaseAnswer 阅读(325) 评论(0) 推荐(0) 编辑
① 版本① axios 封装
摘要:1 axios 封装 @/utils/request 1. 创建axios实例 const service = axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 5000 // 请求超时时间 }) 2. re 阅读全文
posted @ 2020-03-13 15:57 pleaseAnswer 阅读(1607) 评论(0) 推荐(0) 编辑

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示