文章分类 -  Element

element-ui使用案例
el-tree 展开 折叠
摘要：<el-tree ref="tree" :data="menuList" node-key="xxKey" show-checkbox :props="defaultProps"></el-tree> ！！！ default-expand-all属性默认是false，为false的时候，下面的展开、 阅读全文
posted @ 2022-01-05 11:42 Dz&Ying 阅读(808) 评论(0) 推荐(0)
管理系统-表格页面封装-vue-element
摘要：组件代码 <template> <div> <!-- :header-cell-style="{ background: '#fafafa' }" tooltip-effect="dark" --> <el-table :data="tableData" v-loading="loading" st 阅读全文
posted @ 2022-01-04 10:25 Dz&Ying 阅读(99) 评论(0) 推荐(0)
element 表格
摘要：出现严重规则不通过的时候才挤开位置展示提示。 /deep/.el-form-item.is-error { margin-bottom: 22px; } 自定义插槽文档 Table-column Scoped Slot name 说明 — 自定义列的内容，参数为 { row, column, $in 阅读全文
posted @ 2021-12-22 10:59 Dz&Ying 阅读(109) 评论(0) 推荐(0)
el-dialog 兼容低分辨率电脑内嵌图片 超出弹窗边框的问题
摘要：el-dialog 兼容低分辨率电脑内嵌图片 超出弹窗边框的问题 <el-dialog :visible.sync="dialogVisible"> <img class="priview-img" :src="dialogImageUrl" alt="" /> </el-dialog> .priv 阅读全文
posted @ 2021-12-20 14:47 Dz&Ying 阅读(429) 评论(0) 推荐(0)
上传文件beforeUpload校验文件大小、格式、图像分辨率等
摘要：beforeUploadCheck(file, conf) { const { maxSize = 100, width: fileWidth, height: fileHeight, maxWidth: fileMaxWidth } = conf const fileType = file.typ 阅读全文
posted @ 2021-12-15 14:47 Dz&Ying 阅读(858) 评论(2) 推荐(0)
上传文件-进度-element ui
摘要：使用自定义请求上传文件时上传进度的钩子函数是无效的。 需要自己在自定义请求里面封装-计算上传的进度（已上传文件size/总文件size）。 使用云对象存储的话，要看上传文件的方法配置中有没有进度函数钩子。 没有进度钩子的话，简单的加个文本“上传中...”去展示文件正在上传，file.status [ 阅读全文
posted @ 2021-12-13 14:30 Dz&Ying 阅读(129) 评论(0) 推荐(0)
限制input只能输入数字
摘要：1. <el-input v-model.trim="xxData.num" @input="xxData.num = xxData.num.replace(/[^\d]/g, '')"></el-input> 2. 用表单的自定义校验 // js let checkNum = (rule, val 阅读全文
posted @ 2021-11-24 17:12 Dz&Ying 阅读(247) 评论(0) 推荐(0)