时间戳

首页 > 解决方案 > VueJS 全局更改组件槽的内容

vue.js - VueJS 全局更改组件槽的内容

问题描述

我想为选择框使用组件。但是我需要更改插槽中的文本（例如，哎呀！这里什么都没有。）。

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

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

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

谢谢

标签： vue.jsvuejs2vue-component

解决方案

我不太明白。我觉得你需要创建一个新组件！</p> 

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

推荐阅读