index.vue 593 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!-- 图片上传 -->
  2. <script>
  3. export default {
  4. name: "ImageUpload",
  5. props: {
  6. value: [String, Object, Array],
  7. },
  8. data() {
  9. return {
  10. fileList: [],
  11. };
  12. },
  13. computed: {},
  14. methods: {
  15. afterRead(file) {
  16. this.$emit("input", this.fileList);
  17. },
  18. useDelete(file) {
  19. this.$emit("input", this.fileList);
  20. },
  21. },
  22. created() {},
  23. };
  24. </script>
  25. <template>
  26. <div class="upload-image">
  27. <van-uploader
  28. v-model="fileList"
  29. multiple
  30. preview-size="60px"
  31. :after-read="afterRead"
  32. @delete="useDelete"
  33. />
  34. </div>
  35. </template>