Vue pass директивы для элемента в компоненте - PullRequest
Новая
       46

Vue pass директивы для элемента в компоненте

0 голосов
/ 19 июня 2019

Я пытаюсь выяснить, как передать директиву 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>

1 Ответ

0 голосов
/ 19 июня 2019

Посмотрите на v-bind="$attrs" в https://vuejs.org/v2/guide/components-props.html#Disabling-Attribute-Inheritance.

V-bind на самом деле может связать весь объект значения ключа.

...