Описание тега v-slot

Описание тега Вопросы с тегом
Vue реализует API распространения контента, вдохновленный черновиком спецификации веб-компонентов, используя <slot> элемент, служащий выходами для распространения контента. </slot>
1 ответ

Как получить значение элемента в v-слоте: шаблон cell() b-таблицы - BootstrapVue

Я новичок в программировании. Я пытаюсь понять, как связать данные, чтобы получить ссылку: href работает с использованием таблицы store, vuex и bootstrap-vue. Я потратил на это 4 дня, а теперь умираю. Пожалуйста помоги. books.js(магазин, vuex) books…
20 окт '19 в 17:32
1 ответ

VUETIFY - Как передать слот во вложенный компонент выбора

Я использую последнюю версию vuetifyи пытаюсь понять, как заставить слоты работать. Документацию по select можно найти здесь VSelectWithValidation &lt;v-select v-model="innerValue" :error-messages="errors" v-bind="$attrs" v-on="$listeners"&gt; &lt;t…
05 дек '19 в 03:17
1 ответ

Добавьте несколько виртуальных слотов с помощью v-for с помощью Bootsrtap-Vue

В моих табличных данных есть вложенные объекты, поэтому мне нужно использовать v-слот, чтобы правильно отобразить их в таблице. Дело в том, что столбцы таблицы зависят от длины другого массива. Я попытался использовать v-for за пределами моего v-сло…
23 янв '20 в 19:13
0 ответов

Как использовать v-slot: специальные символы, такие как дата в VUE

Я новичок в Vue и Vuetify. Я пытаюсь использовать v-slot для строки по умолчанию клиента https://vuetifyjs.com/en/components/data-tables. У меня есть очень особенные динамические данные, их ключ / имя - дата. У меня вопрос: как связать данные с имен…
12 фев '20 в 06:45
1 ответ

Veevalidate - Buefy - Как я могу использовать ошибку вне ValidationProvider?

Я попытался использовать ошибки ValidationProvider вне тега, но это не сработало. Вот мой код: &lt;ValidationObserver ref="obs" v-slot="{ errors }" &gt; &lt;b-field :type="{ 'is-danger': errors.phone[0] }" class="has-margin-bottom-0" &gt; &lt;div cl…
13 дек '19 в 11:29
1 ответ

Vuetify добавляет стиль в v-слот: метка

У меня есть код Vuetify, который выглядит так &lt;v-radio-group v-model="gender" column class="radio-group-full-width"&gt; &lt;v-radio value="Boy"&gt; &lt;template v-slot:label&gt; &lt;v-textarea v-model="answer" v-validate="'required'" required :er…
27 ноя '19 в 18:13
1 ответ

Используйте резервное содержимое слота только при выполнении условия

Я хотел бы знать, есть ли способ сделать то, что я пытаюсь описать ниже: Предположим, у нас есть компонент со слотом, и было определено резервное содержимое. При использовании этого компонента в другом месте я хотел бы иметь следующее поведение: &lt…
17 дек '19 в 20:25
0 ответов

Индексируйте таблицы v-данных, которые плохо отображаются с v-slot:top

У меня есть этот код, это цикл, который показывает таблицы данных, сохраненные в массиве таблиц данных &lt;div v-for="(table,index) in tables" v-bind:key="index"&gt; &lt;v-data-table :headers="headers" :items="table.plates" item-key="index" sort-by=…
15 фев '20 в 13:52
1 ответ

Как открыть и закрыть несколько v-меню в моем компоненте VueJS / Vuetify?

Я создаю несколько всплывающих меню с помощью v-menu; по одному для каждой строки в моей таблице. Мне нужен способ закрытия меню при нажатии кнопки "Отправить". Я не могу использовать v-model="menu" и сделать меню false или true, чтобы скрыть или по…
12 апр '20 в 20:38
1 ответ

Vue, композиция: передайте опору "слот" как значение атрибута

В React все очень просто, поскольку нет "слотов". Все параметры. Но я не знаю, как передать слот в качестве параметра. Вот что я сделал. Я создал новый компонент, который использует v-menuкомпонент из Vuetify: // SelectorComponent.vue &lt;template&g…
08 июл '20 в 22:57
0 ответов

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

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

Как настроить таргетинг на пустую ссылку в метке attr с помощью vue?

Ни то, ни другое &amp;nbsp;устанавливайте пробел непосредственно перед или внутри ссылки, и никакие ссылки не работают нормально при использовании ссылок в атрибуте label - он только устанавливает флажок. Использование колесика мыши работает. Как на…
27 апр '20 в 18:04
1 ответ

V - слот, нельзя стилизовать или получить к нему доступ

Я добавляю v-flip на свою страницу nuxt. Итак, мой шаблон выглядит так: &lt;div class="about__cards"&gt; &lt;vue-flip class="about__single-card" active-click width = "350px" height="450px"&gt; &lt;template v-slot:front&gt; &lt;p class="about__title"…
05 июн '20 в 12:56
0 ответов

Обнаружение v-слота шаблона в компоненте без рендеринга

Я сделал компонент без рендеринга в VueJS, и я пытаюсь определить, есть ли внутри компонента шаблон с v-слотом или нет. Цель состоит в том, чтобы условно отрисовать код внутри компонента без рендеринга "Читать" ниже. Например, мне нужно, что в перво…
28 апр '20 в 10:23
1 ответ

Как позиционировать компоненты VueJS

У меня есть краткое описание дизайна, которое требует, чтобы я переместил красный компонент (справа) в красную рамку / оболочку (слева). Две категории / секции происходят из REST-API с их дочерними элементами. [Что я пробовал] Я попытался позиционир…
04 дек '20 в 10:56
0 ответов

Имя динамического поля Vue в v-слоте моего компонента

У меня есть компонент для отображения таблицы данных. Я использую его в разных наборах данных. У меня есть столбец с отметкой времени, который нужно отформатировать, поэтому я использую для этого v-слот. Но у каждого набора данных разные имена столб…
16 окт '20 в 00:54
1 ответ

ESLint VueJS v-слот

У меня проблема с Eslint при использовании модификаторов в v-слоте Я пытался следовать ответу nokazn в этом вопросе: директива v-slot не поддерживает никаких модификаторов И документация lint для vuejs https://eslint.vuejs.org/rules/valid-v-slot.htm…
16 ноя '20 в 18:36
1 ответ

Динамически скрыть v-текстовое поле

Я новичок в Vue и Vuetify, так что откровенен со мной. Я работаю со слайдером в Vuetify - смотрите здесь CodePen: https://codepen.io/parseltongue/pen/Pobzpez Я пытаюсь разместить текст до и после слайдера, поэтому использовал v-text вот так: &lt;v-t…
24 фев '21 в 09:11
0 ответов

Как получить доступ к измененному (по v-слоту) значению столбца v-data-table в custom-filter?

У меня есть v-data-table со столбцами идентификаторов, в которых я заменяю идентификаторы значениями, используя v-slot с вызовом метода. Я также написал настраиваемый фильтр для использования нескольких условий поиска с логикой И, что означает, что …
24 фев '21 в 19:31
2 ответа

Vuetify - Как включить флажок для v-select при настройке текста

Как добавить флажки из v-select при настройке текста и без переопределения multiple. &lt;v-select v-model="selectedRepoImage" :items="repoImages" item-text="fulltag" item-value="repo_image_id" multiple&gt; &lt;template v-slot:selection="{ item, inde…
18 фев '21 в 00:43