vue 组件

145 阅读1分钟

vue 开发记录:

组件参数透传

业务中可能存在在已存在的组件之上 做一层代理或者所谓的高阶组件 这时需要保证 新组件保持原组件的使用方式 这时需要用到参数透传

1 可以直接 使用 Non-props 方式 代理组件中不 设置props属性

2 通过 $attrs 和 $listeners

例如定一个 IndexComp.vue 组件 该组件内引用 Add Link 两个组件

image.png

IndexComp.vue 组件内 props 只配置了 type 属性 其余属性通过 $attrs 向下透传

查看IndexComp.vue 组件的调用

image.png

在 Add 或者 Link 中监听的数据可以通过 调用 IndexComp 组件时传入

最终执行结果为:

image.png