![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
element-ui
文章平均质量分 58
element-ui在vue中的应用
_MadD
求战者安,求安者亡。
展开
-
开发中封装的comfirmBox.js弹窗共用方法
代码主体 import Vue from 'vue'; import { escapeToHtml } from '@/util/htmlAndEscape'; function confirmBox({ info = '此操作将永久删除该信息, 是否继续?', title = '提示', bts = ['确定', '取消'], type = 'warning', okFun, noFun }) { Vue.prototype.$confirm(info, title, { confirmBu原创 2021-03-05 17:38:29 · 189 阅读 · 0 评论 -
Element-ui框架Upload上传组件开发整理
先看效果 页面引入部分 <vUpload ref="uploadList" :auto-upload="true" :file-data="fileData" :upload-nums="5" list-type="picture-card" @handleEvent="filelistEvent" @handleRemove="fileListRemove" /> upload自定义组件 /** * @description: 上传原创 2021-03-05 17:31:23 · 363 阅读 · 0 评论 -
element-ui实现分页功能
为列表数据添加分页功能,使用分页组件完成分页功能。 参考:https://element.eleme.cn/#/zh-CN/component/pagination EasyMock 添加分页模拟接口 请求URL: /member/list/search/{page}/{size} page 当前要查询的页码, size 每页显示条数,通过这两个值,可查询出当前请求要响应的数据。 请求方式: post 描述:会员列表数据分页 mock.js 配置: { "code": 2000, "flag": t原创 2020-08-20 22:51:06 · 3390 阅读 · 0 评论 -
vue过滤器实现element-ui表格列数据转换
支付类型返回的是编码要转换成文字显示 通过 filters 选项来定义过滤器来实现转换。 JS 脚本处声明一个全局支付类型数组, 组件对象的 filters 选项指定转换规则 <script> import memberApi from '@/api/member' // 支付类型 const payTypeOptions = [ {type: '1', name: '现金'}, {type: '2', name: '微信'}, {type: '3', name: '原创 2020-08-20 21:33:46 · 1049 阅读 · 0 评论