关于高阶组件的问题

来源:5-28 播放器 高阶 Scroll 组件的实现

qq_低调的微笑_0

2023-03-01

name: 'wrap-scroll',
  props: Scroll.props,
  emits: Scroll.emits,
  render(ctx) {
    return h(Scroll, mergeProps({
      // ref: 'scrollRef'
      ref: Scroll.rootRef
    }, ctx.$props, {
      onScroll: (e) => {
        ctx.$emit('scroll', e)
      }
    }), {
      default: withCtx(() => {
        return [renderSlot(ctx.$slots, 'default')]
      })
    })
  },

props: Scroll.props, emits: Scroll.emits, 这些都用的是基础组件中数据,mergeProps中的ref可以直接写基础组件的Scroll.rootRef吗

写回答

1回答

ustbhuangyi

2023-03-05

ref=scrollRef 是指向高阶组件的根节点的 ref,而且是一个字符串,你不能用 Scroll.roofRef 值

0
0

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程