javascript - vue element-ui 上傳文件組件怎么使用
問題描述
請(qǐng)問element-ui的上傳組件怎么使用，最好有demo可以看一下，官網(wǎng)的實(shí)在沒看懂！謝謝了
問題解答
回答1：<el-upload action='//jsonplaceholder.typicode.com/posts/' :on-preview='handlePreview' :on-remove='handleRemove' :file-list='fileList'> <el-button size='small' type='primary'>點(diǎn)擊上傳</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>
官網(wǎng)的代碼直接用，然后在后臺(tái)接口去接受處理文件不久ok了嗎
相關(guān)文章：
1. flask+vue+webpack使用nginx+uwsgi部署問題2. javascript - 微信小程序picker為什么會(huì)變成兩行？3. objective-c - 同一個(gè)APP的微信登錄的微信開發(fā)平臺(tái)賬號(hào)和微信支付的微信開發(fā)平臺(tái)賬號(hào)可以是不同一個(gè)嗎？4. javascript - 百度echarts series數(shù)據(jù)更新問題5. css3 - [CSS] 動(dòng)畫效果 3D翻轉(zhuǎn)bug6. html5 - Chrome訪問本地文件緩慢7. javascript - 微信音樂分享8. javascript - 我寫的href跳轉(zhuǎn)地址不是百度，為什么在有的機(jī)型上跳轉(zhuǎn)到百度了，有的機(jī)型跳轉(zhuǎn)正確9. html5 - H5移動(dòng)端UC瀏覽器的,跳轉(zhuǎn)下一個(gè)頁(yè)面，下一個(gè)頁(yè)面input輸入框獲取焦點(diǎn)后，會(huì)帶出上一頁(yè)的內(nèi)容？10. 在ios下 微信打開iframe鏈接的頁(yè)面時(shí) 在微信里長(zhǎng)按無法識(shí)別二維碼
網(wǎng)公網(wǎng)安備