vue-weui是一個基于Vue.js和weui的前端UI框架,它提供了很多非常實用的組件。其中之一就是上傳組件,是一種讓用戶上傳文件的方式。
在vue-weui上傳組件中,我們可以使用以下代碼來實現上傳功能:
<template> <div> <wx-uploader :max="9" :files.sync="files" :before-send="beforeSend"></wx-uploader> </div> </template> <script> export default { data () { return { files: [] } }, methods: { beforeSend(file, param) { const that = this; // 文件上傳之前調用 // 若返回false,則停止上傳 // 若返回true或者undefined,則繼續上傳 return new Promise((resolve, reject) => { // 這里可添加自己要執行的代碼 resolve(); }); } } } </script>
在這段代碼中,我們使用了vue-weui中的wx-uploader組件來實現文件上傳功能。我們可以在這個組件中設置最大上傳數,以及設置上傳成功后的回調函數。同時,我們還可以在before-send回調函數中進行文件上傳之前的預處理。
總的來說,在vue-weui中實現上傳功能是非常簡單的。只需要引入相關組件,并添加對應的配置,就能實現一個好用的上傳組件。
上一篇vue webpack
下一篇mysql跟orcle