vue 如何将父组件接收的 props 直接全部扔给子组件？
SystemLight · SystemLight · 2020 年 11 月 16 日 · 3512 次点击这是一个创建于 1888 天前的主题，其中的信息可能已经有所发展或是发生改变。
在 react 中可以直接使用 <Child {...props}/>这样的方式，在 vue 中应该怎样实现呢？
 |
1
xclin163 2020 年 11 月 16 日
<Child v-bind="$props" />
|
 |
2
TsubasaHanekaw 2020 年 11 月 16 日
v-bind="$props" v-on="$listeners"
|
 |
3
geylnu 2020 年 11 月 16 日
默认就会给根元素加上父组件传来的属性
|
 |
4
ryncv 2020 年 11 月 16 日
@TsubasaHanekaw 一个小 tips: 这种方式如果绑定有 v-model 需要另外处理 https://github.com/vuejs/vue/issues/7042
|
 |
5
9LCRwvU14033RHJo 2020 年 11 月 16 日
@TsubasaHanekaw
vue 3 好像有不向下兼容的改动(breaking change)。 v3.vuejs.org/guide/migration/listeners-removed.html#_2-x-syntax |
 |
6
lemonnTr 2020 年 11 月 17 日
@ryncv 刚看这个 issue 还有点疑惑为啥 v-model 不能绑定，后来想想我都是直接使用 <Child v-bind="$attrs" v-on="$listeners" />，而不是单独使用 v-on="$listeners"。
|
 |
7
Sapp 2020 年 11 月 17 日
vue 默认就会这样，然而这是个大坑。
|
 |
8
JayLin1011 2020 年 11 月 19 日
1. $attrs;
2. provide. |
Select Language