为了账号安全,请及时绑定邮箱和手机立即绑定

怎么调用slot的方法

怎么调用slot的方法

墨色风雨 2018-11-16 20:12:40
移动端项目要有个上拉加载 下拉刷新的功能,通过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>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 968 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信