[new feature] Uploader: support bind v-model

This commit is contained in:
陈嘉涵
2019-06-05 15:10:48 +08:00
parent 351e642e6d
commit b1111b4026
7 changed files with 149 additions and 45 deletions

View File

@@ -1,12 +1,19 @@
<template>
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-uploader preview />
<van-uploader :after-read="afterRead" />
</demo-block>
<demo-block :title="$t('preview')">
<van-uploader
v-model="fileList"
multiple
/>
</demo-block>
<demo-block :title="$t('maxCount')">
<van-uploader
preview
v-model="fileList2"
multiple
:max-count="2"
/>
@@ -30,14 +37,29 @@ export default {
i18n: {
'zh-CN': {
upload: '上传图片',
maxCount: '上传数量限制',
preview: '图片预览',
maxCount: '限制上传数量',
uploadStyle: '自定义上传样式'
},
'en-US': {
upload: 'Upload Image',
preview: 'Preview Image',
maxCount: 'Max Count',
uploadStyle: 'Upload Style'
}
},
data() {
return {
fileList: [],
fileList2: []
};
},
methods: {
afterRead(file) {
console.log(file);
}
}
};
</script>