移动端项目要有个上拉加载 下拉刷新的功能,通过mint-ui做好了
如多个页面的话 会有较多的重复代码,故想做成组件,把渲染的内容传入,组件中通过slot接受
分页组件在下拉或上拉时,想通过调用slot区域(也就是那个传入的数据所在的组件)相应的方法来请求数据,求教各路高手如何实现
调用paginator
<template>
<div id="app">
<paginator>
<ol>
<h1>我是pupil</h1>
</ol>
</paginator>
</div>
</template>
<script>
import paginator from './pages/paginator.vue'
export default {
components: {
paginator
},
methods: {
show () {
alert('show')
}
}
}
</script>
声明paginator
<template>
<div>
我是temp
<slot ref="one"></slot>
<button @click="father">父组件</button>
</div>
</template>
<script>
export default {
methods: {
father () {
console.log('father')
}
}
}
</script>
用vm.$refs.child.method访问子组件实例中的方法
参考
https://cn.vuejs.org/v2/api/#ref
https://cn.vuejs.org/v2/guide...