elementUI
JRJ || 575
记录日常
展开
-
vue+element快速排版开源工具
https://mrhj.gitee.io/form-generator/#/转载 2021-07-14 10:09:09 · 711 阅读 · 0 评论 -
element ui实现手动上传图片,且只能上传单个图片(图片可预览),并能覆盖上传
手动点击上传,只能传一张,图片可预览上代码:html上传:<el-form-item label="图片" prop="HFname"> <el-upload class="upload-demo" :action="' '"//手动上传 置空 accept=".png"// 限制上传图片类型 :auto-upload="fal原创 2020-06-30 11:17:31 · 6031 阅读 · 0 评论 -
vue中element下拉框数据有值,但是选中后框里不显示
问题图片:问题:下拉选择能打印到数据,但是选中后框里不显示值;原因:出现这个问题 是因为下拉框数据是v-for接口请求来的数据,因为数据层次太多,render函数没有自动更新解决方法:在chenge事件里手动强制刷新值上代码:<el-select v-model="platformName" @change="selectPlatform"> <el...原创 2020-04-22 11:31:47 · 7370 阅读 · 1 评论 -
vue中elementUI组件el-dialog嵌套 样式问题
遇到的问题: 1.内外dialog共两层遮罩,内层dialog被灰色遮罩遮盖, 2.内层dialog继承了外层dialog的样式解决:1.在内层dialog上添加append-to-body属性,2.内层dialog样式修改,在内层dialog外包一层div并加class类 *不要在有scoped的style标签下写,因为是局部的,样式不会生效* <style> ...原创 2020-04-20 15:12:50 · 4903 阅读 · 1 评论 -
vue中elementUI上传一张图片后,隐藏上传按钮
效果图:上传图片前有上传按钮上传一张图片后,隐藏上传按钮我用的是是手动上传的照片墙组件1.data里面初始值: hideUpload: false,2.el-upload里面绑定一个占位class: :class="{hide:hideUpload}"3.onChange里面(文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用): this.hideUploa...原创 2020-04-20 14:56:31 · 4076 阅读 · 5 评论 -
vue中elementUI组件Upload实现手动上传图片
效果图:引入Upload组件; <el-upload class="centerImg" :class="{hide:hideUploadIcon}" :action="' '"//请求地址,手动上传写为空 list-type="picture-card" :on-preview="handlePictureCardPreviewIcon" :o...原创 2020-04-20 14:39:36 · 5683 阅读 · 2 评论