您现在的位置是：网站首页> 编程资料编程资料
element中的el-upload附件上传与附件回显_vue.js_
2023-05-24
303人已围观
简介 element中的el-upload附件上传与附件回显_vue.js_
开发中经常也会遇到附件的上传和回显，最方便的就是我们封装一个公共组件在页面中引用
1、上传
在src里面新建一个文件夹
点击上传 支持上传{{ accept === "*" ? "所有" : accept }}文件，且不超过20MB,附件名称不能超过50字
代码中这个import { getToken } from ‘@/utils/auth’，其实是获取的存在Cookies里面的token的值，大家可以根据自己项目情况进行修改使用
在页面中直接引入使用就可以了：
2、附件回显
和上传一样同样新建一个文件夹
无{{val.name}} 下载
页面中引入使用：
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- 详解Vue3 父组件调用子组件方法($refs 在setup()、＜script setup＞ 中使用)_vue.js_
- Vue + element-ui 背景图片设置方式_vue.js_
- element-ui中页面缩放时table表格内容错位的解决_vue.js_
- vue静态界面之左二级菜单右表单表格的实例代码_vue.js_
- 关于Element-ui中Table表格无法显示的问题及解决_vue.js_
- Dapr+NestJs编写Pub及Sub装饰器实战示例_node.js_
- vue中的rem如何配置_vue.js_
- echarts图形x、y坐标文字设置间隔显示及相关问题详解_javascript技巧_
- 使用element-ui实现行合并过程_vue.js_
- React 函数式组件和类式组件详情_React_
