欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue weui上傳

錢多多2年前8瀏覽0評論

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