Question

我想将组件用于选择框。但是我需要在插槽中更改文本（例如，糟糕！这里什么都没有。）。

我知道如何更改模板中的组件插槽”

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

但是如何全局更改插槽的内容？因此，每当我使用组件时，插槽都会有自己定义的内容（不是组件中的默认内容）。

谢谢

Answer 1

我不太了解。我认为您需要创建一个新组件！

<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>

VueJS全局更改组件插槽的内容

1 个答案: