移动端项目要有个上拉加载 下拉刷新的功能,通过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>
相关分类