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. java中返回一個對象，和輸出對像的值，意義在哪兒2. docker網絡端口映射，沒有方便點的操作方法么？3. mysql - 在不允許改動數據表的情況下，如何優化以varchar格式存儲的時間的比較？4. docker start -a dockername 老是卡住，什么情況？5. css3 - 純css實現點擊特效6. apache web server 怎么限制某一個網站對服務器資源的占用？7. javascript - 關于apply（）與call（）的問題8. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？9. 安全性測試 - nodejs中如何防mySQL注入10. python - pandas dataframe如何對某列的空數據位置進行update？update的函數是自定義的，參數是同一行的另外兩列數據
網公網安備