Skip to content

Instantly share code, notes, and snippets.

@diegomengarda
Created September 10, 2018 20:37
Show Gist options
  • Save diegomengarda/a9c3508934f4abe9a9d66bfc1e1b99f8 to your computer and use it in GitHub Desktop.
Save diegomengarda/a9c3508934f4abe9a9d66bfc1e1b99f8 to your computer and use it in GitHub Desktop.
<script>
export default {
name: 'app-header-menu',
data () {
return {
isChangingRoute: true
}
},
computed: {
isHomeRoute: function () {
return this.$route.name === 'home'
}
},
watch: {
'$route': function () {
this.isChangingRoute = true
setTimeout(() => {
this.isChangingRoute = false
})
}
},
mounted () {
this.isChangingRoute = false
}
}
</script>
<template>
<v-btn v-if="!isChangingRoute" icon key="headerMenu">
<i class="fas fa-bars" key="toolbarBars" v-if="isHomeRoute"></i>
<i class="fas fa-arrow-left" key="toolbarArrow" v-else></i>
</v-btn>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment