文章详情页

javascript - vue element-ui 上传文件组件怎么使用

浏览：214日期：2023-06-08 09:24:13

问题描述

请问element-ui的上传组件怎么使用，最好有demo可以看一下，官网的实在没看懂！谢谢了

问题解答

回答1：

<el-upload action='//jsonplaceholder.typicode.com/posts/' :on-preview='handlePreview' :on-remove='handleRemove' :file-list='fileList'> <el-button size='small' type='primary'>点击上传</el-button> <p slot='tip' class='el-upload__tip'>只能上传jpg/png文件，且不超过500kb</p></el-upload><script> export default { data() { return {fileList: [{name: ’food.jpeg’, url: ’https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100’}, {name: ’food2.jpeg’, url: ’https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100’}] }; }, methods: { handleRemove(file, fileList) {console.log(file, fileList); }, handlePreview(file) {console.log(file); } } }</script>

官网的代码直接用，然后在后台接口去接受处理文件不久ok了吗

JavaScript

上一条：javascript - thinkphp5控制器中查询的数据如何赋值给js?下一条：javascript - jquery如何查询thead下所有带有.sort样式的th?

相关文章：

1. dockerfile - 我用docker build的时候出现下边问题麻烦帮我看一下2. docker api 开发的端口怎么获取？3. boot2docker无法启动4. docker不显示端口映射呢？5. docker-compose中volumes的问题6. mysql - phpmyadmin怎么分段导出数据啊？7. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？8. macos - mac下docker如何设置代理9. html5 - node静态资源服务器设置了Cache-Control，但浏览器从来不走30410. docker start -a dockername 老是卡住，什么情况？