下面是父组件
<template>
<div>
<button @click='minus'>上一页</button>
// for 循环 接收过来的aaa,点击时间把i传过去
<button v-for='i in aaa' @click='fenyes(i)'>{{i}}</button>
<button @click='add'>下一页</button>
</div>
</template>
<script>
export default{
data () {
return {
data_page:1
}
},
//接收index.vue页面传过来的值
props: ['aaa','num_pages'],
methods: {
//下一页
minus(){
if(this.data_page==1){
return
}
this.data_page-=1
let data={
data_page:this.data_page
}
//返回给index.vue 值
this.$emit('fenye',data)
},
//上一页
add(){
if(this.data_page==this.num_page){
return
}
this.data_page+=1
let data={
data_page:this.data_page
}
this.$emit('fenye',data)
},
//页数
fenyes(i){
this.data_page=i
let data = {
data_page:this.data_page
}
this.$emit('fenye',data)
}
}
}
</script>
下面子组件