tiny-vue/examples/docs/resources/pc/demo/nav-menu/before-skip-prevent.vue

37 lines
600 B
Vue

<template>
<div class="preview">
<tiny-nav-menu :before-skip="handleSkip" prevent>
<template #logo>
<icon-total></icon-total>
</template>
</tiny-nav-menu>
</div>
</template>
<script lang="jsx">
import { NavMenu } from '@opentiny/vue'
import { IconTotal } from '@opentiny/vue-icon'
export default {
components: {
TinyNavMenu: NavMenu,
IconTotal: IconTotal()
},
methods: {
handleSkip() {
return false
}
}
}
</script>
<style scoped>
.preview {
min-height: 450px;
}
.preview .tiny-nav-menu a:hover {
text-decoration: none;
}
</style>