6059b02e44
* store values are passed down by main vue flow component * store is only used to emit events or if really necessary in the component * add keys with store id to elements * Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
23 lines
631 B
Vue
23 lines
631 B
Vue
<script lang="ts" setup>
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { routes } from './router'
|
|
|
|
const router = useRouter()
|
|
const route = useRoute()
|
|
const onChange = (event: any) => {
|
|
router.push(event.target.value)
|
|
}
|
|
</script>
|
|
<template>
|
|
<header>
|
|
<a class="logo" href="https://github.com/bcakmakoglu/vue-flow"> Vue Flow Dev </a>
|
|
<select v-model="route.path" @change="onChange">
|
|
<template v-for="r of routes" :key="r.path">
|
|
<option v-if="r.path !== '/'" :value="r.path">
|
|
{{ r.path.substr(1, r.path.length) }}
|
|
</option>
|
|
</template>
|
|
</select>
|
|
</header>
|
|
</template>
|