element-ui版本更新兼容问题 file.url小白采坑
今天修复了一个上传组件上传图片时的bug,之前这个问题是不存在的,但是今天使用时发现不能上传图片了,我看了一下调试窗口,报错:url不存在?我把file打印出来,如下图:

通过调试窗口打印的file可以看出确实没有url属性,在element-ui在线运行调试发现是有url属性的,所以可能是element-ui版本更新问题,修改方法如下:

window.URL.createObjectURL生成本地的URL,用于在浏览器上预览本地图片或者视频。所以当element-ui中有url属性时,会获取url属性值,若是没有就本地创建一个URL,用于在浏览器上预览。

新手小白,如有不对之处,还望纠正。

element-ui版本更新兼容问题相关推荐

  1. element ui 兼容低版本浏览器

    基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...

  2. 关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题

      方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...

  3. 从Element ui看开发公共组件的三种方式

    在日常的开发工作中,封装自己的公共组件是很常见的需求,但想要组件更加优雅和通用也是一门学问.恰好前段时间用过Element ui,于是想学习这种库是如何封装插件的,这篇文章就是我的一点理解. 从入口文 ...

  4. Element UI 组件库分析和二次开发(一)

    我的本地开发环境:M1 芯片Mac,node v12.22.10. 一.Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份 dev 源码到本地 2. 安装 ...

  5. Vue UI组件库(Element UI库)

    1 移动端常用 UI 组件库 1. Vant Vant 4 - 轻量.可定制的移动端组件库 (vant-ui.github.io)  2. Cube UI cube-ui Document (didi ...

  6. 实验管理系统springboot+vue+element ui项目开发

    实验管理系统 某学院实验老师长期采用人工的形式完成药品试剂的入库.查询.出库的流程.但这种方式存在诸多问题和不便: 1. 在仓库运行流程中效率不高,容易出错. 2. 管理人员不能方便的了解每种物品的状 ...

  7. nodeJs + webpack+vue+ element ui 环境安装

    一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/  点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...

  8. Element UI _ 疑难杂症

    目录 Icon 图标 Button 按钮 Input 输入框 Select 选择器 DatePicker 日期选择器 Table 表格 Pagination 分页 Descriptions 描述列表 ...

  9. element ui富文本编辑器的使用(quill-editor)

    element ui富文本编辑器的使用(quill-editor) 文章目录 element ui富文本编辑器的使用(quill-editor) 效果展示:(可以上传图片及其视频) 第一步.首先安装富 ...

  10. 关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题

    一.简单说明 项目使用Vue+Element UI进行开发,使用了 DateTimePicker 日期时间选择器. 二.问题描述 打开修改对话框(进行选择日期操作可以正常显示),在谷歌浏览器中初始化时 ...

最新文章

  1. Android 性能分析工具dumpsys的使用(自己增加一部分在后面)
  2. PHP+JQuery实现ajax跨域
  3. 不要被泛型和向后兼容性所愚弄。 使用泛型类型
  4. 为什么存取周期大于存取时间_为什么开放存取很重要
  5. 十进制与二进制之间的转换
  6. Android开发笔记(一百二十九)使用变换图形
  7. Python创建cvs文件,包含标签和图片数据
  8. go 协程回调函数 传入参数_ECMAScript 6 入门教程—Generator 函数的异步应用
  9. java list get 引用_java 关于List 对象的引用一个问题
  10. c语言字符串汇编,C语言调用汇编实现字符串对换
  11. static和const关键字
  12. 子龙山人 opengl系列 - 网址
  13. 为什么 BI 软件都搞不定关联分析?带你分析分析
  14. 怎么查看笔记本内存条型号_查看笔记本内存条型号
  15. plot、plot,semilogx(x,y),semilogy(x,y),loglog(x,y), bar(x):hist(x): fplot
  16. “易班”学生管理平台小项目 万字总结 泪目!!!
  17. windows默认看图工具不见了
  18. jenkins教程菜鸟_菜鸟 jenkins自动化测试构建实战
  19. eclipes代码提示及防空格自动补全
  20. Exception in Thread: ValueError: signal number 32 out of range

热门文章

  1. LWP::UserAgent的用法
  2. 哈工大CSAPP大作业 2022
  3. 基于SQL求集合的交、并、补
  4. latex如何设置字体并加粗_Latex设置字体大小,加粗,加下划线,变斜体_孩纸气_新浪博客...
  5. ArcEngine旋转IRotateTracker
  6. sd,sdhc,sdxc
  7. HITCON-trainning寒假做题记录
  8. 阿里云最简单的认证是什么?考试费用是多少?
  9. RecyclerView 刷新Item图片闪烁
  10. 计算机科学编辑部态度,计算机科学期刊介绍--各种杂志投稿方式与评价(转)...