怎么在vue項目中使用elementUI組件手動上傳圖片？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、陵城網(wǎng)站維護(hù)、網(wǎng)站推廣。

Vue框架簡介

Vue是一套構(gòu)建用戶界面的框架， 開發(fā)只需要關(guān)注視圖層， 它不僅易于上手，還便于與第三方庫或既有項目的整合。是基于MVVM（Model-View-ViewModel）設(shè)計思想。提供MVVM數(shù)據(jù)雙向綁定的庫，專注于UI層面

使用elementUI上傳圖片時遇到跨域問題，所以需要自己寫一個手動上傳圖片的方法

代碼：

html

  
             選取圖片
           

method

 ImgUploadSectionFile(param){//圖片上傳
      let formData = new FormData();//formdata格式
        formData.append('Img', param.file);
        request.post("url", formData).then(res => {
          if (res.code == 200){//成功
            console.log(res)
          }
        });
    }

我做的是 后臺返回上傳的圖片字符串地址 然后我加到對象中點擊總按鈕時再發(fā)送到后臺 所以添加結(jié)束之后需要加下面這行代碼

this.$refs.upload.clearFiles();//清空

看完上述內(nèi)容，你們掌握怎么在vue項目中使用elementUI組件手動上傳圖片的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！