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