index.vue 719 B

12345678910111213141516171819202122232425262728293031323334353637
  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. methods: {
  20. // 图片上传
  21. uplSuc(e) {
  22. const that = this;
  23. that.$set(that, `${e.name}`, [...that[e.name], e.data]);
  24. },
  25. // 图片删除
  26. uplDel(e) {
  27. const that = this;
  28. let data = that[e.name];
  29. let arr = data.filter((i, index) => index != e.data.index);
  30. that.$set(that, `${e.name}`, arr);
  31. },
  32. },
  33. };
  34. </script>
  35. <style lang="scss"></style>