VueJS изменить содержание слотов для компонентов глобально - PullRequest
Новая
       8

VueJS изменить содержание слотов для компонентов глобально

0 голосов
/ 22 марта 2019

Я хочу использовать компонент для выбора. Но мне нужно поменять текст в слотах (например, упс! Здесь ничего нет.)

Я знаю, как изменить слоты для компонентов в шаблоне "

<v-select>
    <span slot="no-options">
      My text which will displayed
    </span>
</v-select>

Но как глобально изменить содержание слотов? Поэтому всякий раз, когда я использую компонент, слоты будут иметь собственный определенный контент (не по умолчанию, который находится в компоненте).

Спасибо

1 Ответ

0 голосов
/ 22 марта 2019

Я не очень понимаю. Я думаю, вам нужно создать новый компонент. 

<template>
  <v-select>
    <span slot="no-options">
      My text which will displayed
    </span>
  </v-select>
</template>

<script>
export default {
  name: 'MySelect',
}
</script>

Итак, вы используете это так. 

<template>
  <my-select></my-select>
</template>

<script>
import MySelect from './MySelect.vue'
export default {
  components: {name: 'MySelect'}
}
</script>
...