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 实际上可以绑定整个 key-value 对象。

Vue 将 props 传递给组件中的元素

Vue pass props to an element in a component

vue.js

vuejs2

vue-directives