怎么调用slot的方法

移动端项目要有个上拉加载 下拉刷新的功能,通过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>
阅读 2.6k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题