怎么调用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>


墨色风雨
浏览 969回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript