Использование vue-мультиселекта внутри компонента vue-popover, но он не показывает многозначный компонент

#vue.js #vue-multiselect #v-tooltip

Вопрос:

 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-всплывающую подсказку 2.1.3 и vue-множественный выбор 2.1.6.
Мне нужно показать компонент множественного выбора в компоненте всплывающего окна, но он ничего не показывает, но когда я помещаю его за пределы компонента всплывающего окна, он работает правильно.