vue.js - Vue 将 props 传递给组件中的元素

Question

我试图弄清楚如何将 Vue 道具传递给a位于第二个组件中的标签。它可以是任何道具，因此我无法将其专门导入组件。

第一个组件

<script>
export default {
  name: 'first',
}
</script>
<template>
  <div class="first">
    <slot />
  </div>
</template>

第二部分

<script>
export default {
  name: 'second',
  text: {
    type: String,
    required: true,
  },
};
</script>
<template>
  <li>
    <a href=""> </a>
  </li>
</template>

当我使用该组件时，我想添加一个附加到a标签的道具。

<first>
  <second text="test" />
</first>

Answer 1

查看https://vuejs.org/v2/guide/components-props.html#Disabling-Attribute-Inheritance。v-bind="$attrs"_

V-bind 实际上可以绑定整个键值对象。