Vue整合百度文件上传组件WebUploader

第一步:引入第三方js和css

简单粗暴,直接在index.html文件中引入

    
    
    
    
    

注意:也可通过安装依赖的方式,引入jquery插件

npm install jquery --save

  import $ from 'jquery' 

第二步:基于webuploader封装Vue组件

封装好的组件uploader.vue如下,接口可以根据具体的业务进行扩展。
注意:功能和ui分离,此组建封装好了基本的功能,没有提供ui,ui在具体的页面上去实现。



第三步:组件引用

在vue项目中引入开发好的组件,需要三步


import vueUploader from '@/components/common/uploader.vue'

components: { 
  vueUploader
},
 
 

你可能感兴趣的:(Vue整合百度文件上传组件WebUploader)