index.vue 735 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view class="content">
  3. <view class="one">
  4. <upload :list="file" name="file" :count="6" @uplSuc="uplSuc" @uplDel="uplDel"></upload>
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. import upload from "@/components/upload/index.vue";
  10. export default {
  11. components: {
  12. upload,
  13. },
  14. data() {
  15. return {
  16. file: [],
  17. };
  18. },
  19. onLoad() {},
  20. methods: {
  21. // 图片上传
  22. uplSuc(e) {
  23. const that = this;
  24. that.$set(that, `${e.name}`, [...that[e.name], e.data]);
  25. },
  26. // 图片删除
  27. uplDel(e) {
  28. const that = this;
  29. let data = that[e.name];
  30. let arr = data.filter((i, index) => index != e.data.index);
  31. that.$set(that, `${e.name}`, arr);
  32. },
  33. },
  34. };
  35. </script>
  36. <style lang="scss"></style>