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

Vue将指令传递给组件中的元素

1 个答案: