Описание тега vuejs-slots

Вопросы с тегом
1 ответ

Как получить доступ к реактивным данным дочернего компонента в слоте?

В настоящее время у меня есть родительский компонент, который отображает дочерний компонент, а также передает компонент (модальный, называемый Modal.vue) в дочерний элемент в качестве слота. Parent.vue <ChildComponent :id='1> <modal slot="m…
27 ноя '19 в 18:44
0 ответов

CheckGroup v-модель в слоте с ограниченным объемом не реагирует?

Я построил очень простой тест, потому что не могу заставить его работать в реальности. И это не работает ни в тесте:(Компонент должен отображать элементы из списка в зависимости от того, выбрано ли состояние или нет в фильтре (formcheckboxgroup). Ес…
17 апр '20 в 14:22
2 ответа

Vuejs - слоты, отображающие бессмысленные свойства

В настоящее время у меня возникают проблемы с передачей необработанного HTML (формы сущности) в слот для выделения синтаксиса. Представьте себе такой слот; <template v-slot:code-snippet>{{ product.title }&r…
05 ноя '19 в 14:49
0 ответов

VueJS - применение стилей к элементам упаковки слотов

Я хочу создать Cardкомпонент с использованием vue, у которого есть заголовок и раздел содержимого с использованием api слотов vuejs. Мне трудно понять, как я могу создать структуру в моем компоненте Card. Карточка должна содержать все стили каркаса …
04 янв '20 в 13:53
1 ответ

Доступ к числовому значению свойства для таблицы colspan внутри слота с областью действия Vuetify

У меня есть дочерний компонент, который используется несколькими родительскими компонентами, который содержит таблицу v-данных Vuetify, а часть таблицы данных используетbody.prependслот. В этом конкретном случае структура таблицы используется для ус…
24 июл '20 в 22:02
1 ответ

Получить данные слота как переменную во Vue?

У меня есть компонент (prism-editor), который берет код только из v-model="code". Это означает, что код должен быть отправлен компоненту черезcode: Code.vue <template> <prism-editor class="my-editor" v-model="code&q…
15 авг '20 в 16:23
1 ответ

"TypeError: range.clickRange не является функцией" при установке пользовательского слота диапазона для vue2-daterange-picker

Я использую https://github.com/Innologica/vue2-daterange-picker v0.4.3, он отлично работал без слота диапазона. Я хотел добавить слот диапазона, следуя официальной документации с чем-то вроде этого (сделал простую копию вставки того, как мы можем ис…
20 авг '20 в 04:52
0 ответов

Обновление внешней глобальной переменной после изменения переменной в компоненте с использованием слота в Vue.js / global vs. local vs. component variable

Есть ли лучший способ добиться того же, заменив {{ '',(is_checked = is_checked_2) }}? Проблема в том, что переменная is_checked_2 является локальной и определяется только в дочерних узлах<div v-slot="{ is_checked_2 }"></div> и в настояще…
17 янв '20 в 00:42
0 ответов

Слоты Vue: как использовать слот в слоте

Я хочу создать компонент, который будет отображать списки любого типа с настраиваемыми nodesListItem а также nodesList. Есть ли известная практика для этого? Могу я сделать это вот так? Могу я сделать это с помощью функции рендеринга? Спасибо. Посмо…
21 янв '20 в 01:56
1 ответ

Вложенные "двунаправленные" слоты во Vuejs

Я использую Vuejs. Я создал два компонента:First а также Second. First оказывает Second. Second имеет именованный слот. First содержит <template>, идти в Secondназванный слот. Внутри Firstс <template> - есть еще один именованный слот. Вн…
04 фев '20 в 04:28
0 ответов

Как передать элементы ввода формы через слоты с заданной областью в дочерний компонент

Как мне получить доступ к данным, введенным в мои элементы ввода, которые передаются через слот, моему дочернему компоненту, который открывает модальное окно с элементами формы внутри него? Я читал vue docs о слотах с ограниченной областью видимости…
14 июл '20 в 16:39
1 ответ

Как использовать условный рендеринг со слотами Vue.js?

Как я могу использовать результат v-ifотрендерить два разных компонента во Vue? Если это важно, я также пытаюсь сделать это при рендерингеTreeView с помощью v-for. Вот что я пробовал до сих пор. TreeView.vue: <template> <span> <ul v-s…
26 июл '20 в 18:09
1 ответ

Передача слота в слот

Я создаю небольшую библиотеку, которая позволит изменять части макета приложения из других компонентов. Основная идея состоит в том, что наличие основного компонента навигации: <template> <div class='main-navigation> <div class='logo'…
16 ноя '19 в 13:28
1 ответ

В vue js, как вызвать метод дочернего компонента с помощью флажка, отображаемого через слот

У меня есть родительский компонент: <my-component> <template v-slot:myslot> <b-form-group label="SlotEG" label-for="sltLbl" label-class="font-weight-bold pt-0" > <b-form-checkbox :id="myId&quot…
07 сен '20 в 17:27
0 ответов

Как я могу отправить слоты компоненту в функции рендеринга в VueJs 3

У меня есть такой компонент <template> <div class="my-hello"> Hello {{ man }} <slot name="test"></slot> </div> </template> <script lang="ts"> import { defineComponent } from 'vu…
30 окт '20 в 01:06
1 ответ

Я не могу получить информацию для отображения в моем слоте

Я чувствую, что это должно быть очень просто, так что это еще больше сбивает с толку. Не могу получить текст из EventCard в слот BaseIcon. Мой компонент BaseIcon выглядит так... <template> <div class="icon-wrapper" v-html="sv…
07 окт '20 в 16:17
1 ответ

Vue.JS - Избегайте повторного рендеринга слотов при повторном рендеринге родителя

Я борюсь с Vue.JS с компонентом, который имеет в качестве дочерних элементов / слотов некоторые "сложные" компоненты с данными холста (например, Карты). Я хочу избежать этого, когда родительский компонент повторно отрисовывает его внутренние слоты. …
30 ноя '20 в 21:39
1 ответ

Как передать шаблоны ячеек в компонент с b-таблицей?

Я создал компонент, который показывает данные таблиц для разных страниц. Этот компонент использует внутри b-таблицу. Теперь для пары страниц я хочу настроить рендеринг некоторых столбцов, а таблицы Bootstrap позволяют использовать слоты полей с огра…
01 ноя '20 в 23:44
0 ответов

Компонент Vue не отображает содержимое слотов после развертывания

У меня проблема со слотами Vue. Если я начну локальный проект с npm run devсодержимое слотов заполнено. Однако, когда я развертываю проект, два слота пусты. Почему содержимое слота не загружается, как только я развертываю проект? СЛОТЫ DOM (локально…
25 мар '21 в 17:34
1 ответ

Слоты VueJS не работают с компонентами Stencil JS?

У меня есть приложение Vue 3 и библиотека компонентов StencilJS. Один из моих компонентов Stencil ранее использовал слот по умолчанию, и он хорошо работал с Vue. Теперь я ввел именованные слоты в свой компонент Stencil, но именованные слоты больше н…
25 мар '21 в 11:57