32 lines
657 B
Vue
32 lines
657 B
Vue
|
<template>
|
||
|
|
<div class="abstract-wrapper">
|
||
|
|
<NoteAbstractItem
|
||
|
|
v-for="(item) in currentPageData"
|
||
|
|
:key="item.path"
|
||
|
|
:item="item"
|
||
|
|
:currentPage="currentPage"
|
||
|
|
:currentTag="currentTag" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import NoteAbstractItem from './NoteAbstractItem'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: { NoteAbstractItem },
|
||
|
|
props: ['data', 'currentPage', 'currentTag'],
|
||
|
|
computed: {
|
||
|
|
currentPageData () {
|
||
|
|
const start = this.currentPage * 10 - 10
|
||
|
|
const end = this.currentPage * 10
|
||
|
|
return this.data.slice(start, end)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="stylus" scoped>
|
||
|
|
.abstract-wrapper
|
||
|
|
width 100%
|
||
|
|
</style>
|