优化应用中心卸载

zhangzengfei

2023-11-29 0d3db253cad1fb49c4fae9b9a537c8c318c7172f

 src/components/subComponents/FileUpload/btn.vue

@@ -5,9 +5,9 @@
</template>

<script>
import { uploaderMixin, supportMixin } from './common/mixins'
import { uploaderMixin, supportMixin } from "./common/mixins";

const COMPONENT_NAME = 'uploader-btn'
const COMPONENT_NAME = "uploader-btn";

export default {
  name: COMPONENT_NAME,
@@ -15,37 +15,40 @@
  props: {
    directory: {
      type: Boolean,
      default: false
      default: false,
    },
    single: {
      type: Boolean,
      default: false
      default: false,
    },
    attrs: {
      type: Object,
      default() {
        return {}
      }
    },

  },
  watch: {
    attrs: {
      handler(n, o) {
        //this.$nextTick(() => {
          this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, n)
        //})
        return {};
      },
      deep: true
    }
    },
    sourceType: {
      type: Number,
    },
  },

  mounted() {
    this.$nextTick(() => {
      console.log('attrs', this.attrs)
      this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs)
    })
  }
}
      let props = { accept: "" };
      if (this.sourceType == 1) {
        props.accept = ".mp4";
      } else if (this.sourceType == 2) {
        props.accept = ".jpg,.jpeg,.png";
      }
      this.uploader.uploader.assignBrowse(
        this.$refs.btn,
        this.directory,
        this.single,
        props
      );
    });
  },
};
</script>

<style>
@@ -63,6 +66,6 @@
  outline: none;
}
.uploader-btn:hover {
  background-color: rgba(0, 0, 0, 0.08);
  /* background-color: rgba(0, 0, 0, 0.08); */
}
</style>