mirror of
https://github.com/youzan/vant.git
synced 2025-10-21 03:11:15 +00:00
[new feature] Uploader: support bind v-model
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user