vue.js - 在 vue-popover 组件中使用 vue-multiselect 但它不显示多选组件

Question

import { VTooltip, VPopover, VClosePopover } from "v-tooltip";
import Multiselect from "vue-multiselect";

export default {
    name: "TodoItem",
    components: {
        "v-popover": VPopover,
        Multiselect
    },
    directives: {
        "close-popover": VClosePopover
    },
    data() {
        return {
            users: ['Hello', 'Hi', 'How are you?'],
            selected: null,
        };
    },
};

<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>

<template>
  <v-popover>
      <div
          class="m-portlet__nav-link btn m-btn m-btn--hover-default m-btn--icon m-btn--icon-only m-btn--pill"
      >
          <i class="la la-user-plus"></i>
      </div>
      <div slot="popover">
          test
          <multiselect
              v-model="selected"
              :options="users"
              :multiple="true"
          ></multiselect>
      </div>
  </v-popover>
</template>

我正在使用 vue 2.6.12 、 v-tooltip 2.1.3 和 vue-multiselect 2.1.6。我需要将多选组件显示到 popover 组件中，但它没有显示任何内容，但是当我将它放在 popover 组件之外时，它可以正常工作。