Всем привет! Вопрос по bootstrap-vue. А именно по тостам https://bootstrap-vue.org/docs/components/toast Буду благодарен, если

Question

Всем привет! Вопрос по bootstrap-vue. А именно по тостам https://bootstrap-vue.org/docs/components/toast Буду благодарен, если

кто-то поможет

Есть вот такой код
https://pastebin.com/nHcrMucA

Здесь у меня есть <b-toast ref="toast">, который я пытаюсь показать 2 раза
this.$refs.toast.show();
this.$refs.toast.show();

Каким образом я могу клонировать элемент по аналогии с this.$bvToast.toast() ?
Т.е. я хотел бы использовать шаблон в html, а не передавать его в виде VNodes с вызовом this.$bvToast.toast()

Надеюсь я понятно изъяснился :)

#frontend #javascript #programming #russian #vue.js

0

04.03.2021

2 ответов

11 просмотров

Макс Ильин Автор вопроса

Grigorii K. Shartsev
Вам нужно не клонировать элемент, а иметь цикл, ко...

Тостер это всего навсего место куда помещать тосты https://bootstrap-vue.org/docs/components/toast#comp-ref-b-toast-events В примере из документации опять идет вызов toast(toaster, append = false) { this.counter++ this.$bvToast.toast(Toast ${this.counter} body content, { title: Toaster ${toaster}, toaster: toaster, solid: true, appendToast: append }) } Я же хочу использовать <b-toast>.

0

04.03.2021

Grigorii K. Shartsev · Accepted Answer

Вам нужно не клонировать элемент, а иметь цикл, который выводит тосты циклом. Соответственно send будет изменять данные не 1 тоста, а добавлять тост в массив тостов. Судя по доке в бустрапе есть два компонента - тостер, который показывает множество тостов, и тост, для показа одного тоста. По хорошему вам требуется что-то подобное.

169 похожих чатов

Всем привет! Вопрос по bootstrap-vue. А именно по тостам https://bootstrap-vue.org/docs/components/toast Буду благодарен, если

2 ответов

Похожие вопросы