您现在的位置是:网站首页> 编程资料编程资料

Vue中图片上传组件封装-antd的a-upload二次封装的实例_vue.js_

2023-05-24 347人已围观

简介 Vue中图片上传组件封装-antd的a-upload二次封装的实例_vue.js_

图片上传组件封装-antd的a-upload二次封装

a-upload组件

api

const publicApi = { UploadImage: '/common/uploadImage', DeleteImage: '/common/deleteImage', } /** * 上传图片 * @param {*} parameter * @returns */ export function UploadImage(parameter) { return request({ url: publicApi.UploadImage, method: 'post', data: parameter }) } /** * 删除图片 :name * @param {*} parameter * @returns */ export function DeleteImage(parameter) { return request({ url: `${publicApi.DeleteImage}/${parameter}`, method: 'delete' // params: parameter }) }

组件封装

使用