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