switch icon on import

This commit is contained in:
Hayden 2021-01-09 19:45:08 -09:00
parent 082448c6dc
commit 51f3d702a2

View File

@ -6,6 +6,8 @@
v-model="file" v-model="file"
accept=".zip" accept=".zip"
@change="upload" @change="upload"
:prepend-icon="icon"
class="file-icon"
> >
</v-file-input> </v-file-input>
</v-form> </v-form>
@ -18,6 +20,7 @@ export default {
return { return {
file: null, file: null,
loading: false, loading: false,
icon: "mdi-paperclip",
}; };
}, },
methods: { methods: {
@ -32,6 +35,7 @@ export default {
this.loading = false; this.loading = false;
this.$emit("uploaded"); this.$emit("uploaded");
this.file = null; this.file = null;
this.icon = "mdi-check";
} }
}, },
}, },
@ -39,4 +43,7 @@ export default {
</script> </script>
<style> <style>
.file-icon {
transition-duration: 5s;
}
</style> </style>