javascript - vue element-ui 上传文件组件怎么使用
问题描述
请问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了吗
相关文章:
1. angular.js - AngularJS点击搜索,实现数据变化,不通过重新请求接口的方法2. angular.js - ionic+angular 滚动加载问题(上拉)3. angular.js - angularJs ngRoute怎么在路由传递空字符串及用ng-switch取得4. angular.js - angular怎么实现滑动切换页面,具体效果同每日优鲜首页。5. angular.js - 关于ui-sref地址栏缺省的问题6. angular.js - angularjs 与requirejs集成7. angular.js - angular ng-model中输入中文不更新,再添加数字、字母或空格,就可以绑定了8. angular.js - angular ng-repeat通过数值的大小从小到大排序9. git - hexo怎么创建无模板的静态html?10. 声明闭包为啥要这么样