Как лучше передать в атрибут to данные у NuxtLink?

Question

[Алексей Тихонравов]

Допустим, у меня есть компонент GoAway.

<template>

		<NuxtLink class="go-away" to="/">
			<BaseIconArrowLeft class="go-away__icon" />
			<slot>
				
			</slot>
		</NuxtLink>

</template>

Я вставляю его в род.компонент:

<GoAway>
			<BaseH1 class="blue">Расписание</BaseH1>
		</GoAway>

Могу ли я при вставке передать мне нужное значение в to="" ? Как лучше сделать ?

Answer 1

[WapSter]

Как и все остальное. При помощи v-bind

Answer 2

[Владимир Голубь]

<template>
    <NuxtLink :to="to" class="go-away" to="/">
      <BaseIconArrowLeft class="go-away__icon" />
      <slot />
    </NuxtLink>
</template>

<script>
  ...
  props: {
    to: {
      type: String,
      default: '#'
    }
  }
  ...
</script>

<GoAway to="/timetable">
      <BaseH1 class="blue">Расписание</BaseH1>
  </GoAway>