VUEJS在全球更改组件插槽的内容

Question

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

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

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

Answer 2

https://github.com/cloydlau/vue-global-config提供了通过编程通过全局插槽，全局scoped lots ，全局道具，全局attrs，全局听众和全局钩，支持VUE 2.6/2.7/3。