Skip to main content

Pass all props to children in Vue

· One min read

在Vue中，将父组件的所有属性透传给子组件.

原文 Pass all props to children in Vue

传给父组件的的属性数据, 如果没有在父组件的props里声明，都会包含在了$attrs里, 使用下面方式可以将属性头传给子组件:

<template>
    <comp2 v-bind="$props" v-bind="$attrs" />
</template>

<script>
  export default {
    components: Comp2
  }
</script>

或者

<template>
    <comp2 v-bind="{ ...$props, ...$attrs }" />
</template>

<script>
  export default {
    components: Comp2
  }
</script>