У меня есть компонент Card, который я хотел бы унаследовать значение title из свойства title тега <Card />, определенного в родительском макете после прохождения через {{X4} } слот компонента.

Открытка:

<template>
  <div class="card">
    {{ title }}
  </div>
</template>

<script lang="ts">
import Component from 'nuxt-class-component'
import Vue from 'vue'
import { Prop } from 'vue-property-decorator'

@Component
export default class extends Vue {
  @Prop() title: string
}
</script>

Открытки:

<template>
  <div class="cards">
    <slot></slot>
  </div>
</template>

Страница:

<template>
  <Cards>
    <Card :title="ABC" />
  </Cards>
</template>

Я не совсем уверен, как ссылаться на свойство title. Как это написано во Vue?

0
iRyanBell 18 Фев 2018 в 02:59

1 ответ

Лучший ответ

Вы можете сделать это, определив свойство title в компоненте Card:

Открытка:

<template>
  <div class="card">
    {{ title }}
  </div>
</template>

<script>
export default {
  props: ['title']
}
</script>
1
Psidom 18 Фев 2018 в 03:08