docs_vue2/components/OneToc.vue

33 lines
452 B
Vue
Raw Normal View History

2021-10-25 20:19:04 +08:00
<template>
<nav class="one-toc">
<veui-anchor
:items="flattenItems"
2021-10-25 20:19:04 +08:00
sticky
/>
</nav>
</template>
<script>
import { Anchor } from 'veui'
export default {
name: 'one-toc',
components: {
'veui-anchor': Anchor
},
props: {
items: Array
},
computed: {
flattenItems () {
return this.items.flatMap(({ children }) => children || [])
}
2021-10-25 20:19:04 +08:00
}
}
</script>
<style lang="stylus" scoped>
.one-toc
float right
</style>