Вопросы по теме 'bootstrap-vue'
Vue с bootstrap-vue: предотвращать более одного развернутого элемента списка в любое время в списке (v-for)
Я использую vue с bootstrap-vue и функцией b-collapse, и в этом случае он используется в v-for (списки).
он работает хорошо, за исключением того, что я не могу понять, как автоматически закрыть расширенные элементы списка, когда щелкают новый...
3249 просмотров
schedule
27.03.2023
Как получить b-таблицу Vue для прокрутки тела с фиксированным заголовком
У меня есть элемент b-table на странице, которая в настоящее время отображает кучу данных из базы данных. На данный момент он разбит на страницы, но отзывы показали, что они предпочли бы, чтобы вся информация отображалась в одном виде с прокруткой....
13081 просмотров
schedule
07.01.2023
Vuejs: как использовать `v-b-modal directive` в BootstrapVue?
Вот мой код (ОШИБКА):
<template lang="pug">
.component-root
b-btn(v-b-modal.myModal)
i.fa.fa-calendar
b-modal#myModal
span Hello this is my modal!
</template>
он выводит сообщение об ошибке:
[Vue warn]:...
5209 просмотров
schedule
31.03.2023
Bootstrap-Vue ‹b-card /› со ссылкой в заголовке
У меня есть компонент, содержащий <b-card> компонент вроде этого:
<b-card :title="post.title">
<p class="card-text">{{ post.body }}</p>
</b-card>
Как сделать заголовок карточки интерактивной ссылкой? То есть...
7445 просмотров
schedule
21.12.2022
Стиль вкладки Bootstrap-vue
У меня проблемы с переопределением стилей начальной загрузки в моем однофайловом компоненте при использовании bootstrap-vue
Мой файл выглядит так:
<template>
<b-tabs pills vertical>
<b-tab title="This title"...
7525 просмотров
schedule
08.11.2022
Vue - как передать слоты внутри компонента оболочки?
Итак, я создал простой компонент-оболочку с таким шаблоном, как:
<wrapper>
<b-table v-bind="$attrs" v-on="$listeners"></b-table>
</wrapper>
использование $attrs и $listeners для передачи свойств и событий....
20860 просмотров
schedule
16.04.2023
вертикальный интервал с Bootstrap Vue
Я использую
<b-row v-for="reptile in reptiles" :key="reptile.id">
<b-col>
{{ reptile.name }}
</b-col>
<b-col>
<b-button @click="deleteReptile(reptile)" variant="danger" size="sm">...
6374 просмотров
schedule
25.07.2022
Добавление второй строки заголовка в b-таблицу bootstrap-vue
У меня есть заголовок таблицы, который выглядит так:
Я пытаюсь воссоздать эту таблицу в bootstrap-vue. Необработанный HTML выглядит так (упрощенно):
<table>
<thead>
<tr>
<th></th>
<th...
5387 просмотров
schedule
22.05.2023
Как свернуть / развернуть несколько динамических сворачиваний родительского компонента с помощью Bootstrap-Vue?
В родительском компоненте у меня есть следующее:
<b-col cols="2">
<b-btn v-b-toggle.collapse0.collapse1 variant="secondary" size="sm"><i class="fas fa-bars"></i></b-btn>
</b-col>
collapse0 и collapse1 в...
1778 просмотров
schedule
09.09.2022
Запретить браузеру прокрутку вверх, когда карусель Bootstrap меняет слайд
У меня есть приложение VueJS со страницей, содержащей семь небольших каруселей (розовые прямоугольники - с использованием BootstrapVue ). Каждая карусель содержит несколько слайдов (один продукт на слайд).
Ниже (зеленые прямоугольники) находится...
423 просмотров
schedule
18.07.2022
Как я могу сделать ползунок в группе колоды карт на бутстрапе?
Я создаю группу колод карт, используя этот учебник: https://bootstrap-vue.js.org/docs/components/card/#card-deck-groups
Мой скрипт такой:
<template>
<div class="animated fadeIn">
<b-card-group deck v-for="row in...
6386 просмотров
schedule
29.09.2022
Могу ли я безопасно включить bootstrap.js в проект bootstrap-vue?
Я разрабатываю небольшое приложение VueJS, похожее на калькулятор, которое будет подключено к элементу DOM на существующей «статической» странице на CMS, посвященной Bootstrap 4. Панель навигации и другие функции сайта основаны на ванильном Bootstrap...
838 просмотров
schedule
04.11.2022
Компонент bootstrap-vue отображается как комментарий
В моем проекте vue некоторые компоненты bootstrap-vue отображаются нормально, но другие отображаются как HTML-комментарий. В этом примере оба компонента отлично отображаются на панели инструментов Vue Dev. Я добавил «нормальное» поле ввода, чтобы...
573 просмотров
schedule
10.07.2022
Bootstrap Vue, ‹b-table› с вводом флажка на основе данных привязанного элемента для таблицы
У меня есть таблица, заполненная данными. У меня есть свойство selected для данных, которые я хочу привязать к флажку в b-таблице. Кажется, я не могу понять, как это сделать.
Мои данные:
data: () => ({
tableData: [
{
title:...
11748 просмотров
schedule
08.05.2022
Поповер не закрывается при нажатии за пределами области фокуса
Я использую Bootstrap Vue с Vue.js и столкнулся с проблемой, когда я перебираю некоторые элементы и показываю их пользователю.
Проблема в том, что когда пользователь нажимает на одно из всплывающих окон, каждое открытое всплывающее окно закрывается...
1736 просмотров
schedule
06.04.2023
Этот пример из документации bootstrap vue неверен / устарел?
На этой странице https://bootstrap-vue.js.org/docs/reference/validation/ документации bootstrap-vue, они дают пример использования vee-validate.
Однако их пример не работает для меня, потому что я получаю предупреждение [vee-validate] A field is...
197 просмотров
schedule
25.05.2023
редактируемая таблица bootstrap-vue возвращает значение в случае ошибки
Я использую vue js и bootstrap-vue для создания редактируемой таблицы, пользователю разрешено вносить изменения в таблицу с помощью v-on: change, помогая axios обновлять базу данных. Ограничение заключается в том, что языки уникальны и не могут быть...
1073 просмотров
schedule
29.03.2024
Привязка данных с множественным выбором Bootstrap-vue: бесконечный цикл
Я пытаюсь настроить элемент управления множественным выбором из bootstrap-vue и привязать его к объекту JSON. Проблема в том, что мне нужно вычисленное значение, чтобы получить мой формат данных json в массиве int для множественного выбора выбранных...
1126 просмотров
schedule
16.07.2023
Как передать ключ как переменную в шаблон в таблицах Bootstrap-Vue
Появился новый синтаксис для слотов полей с заданной областью в таблицах, см. https://bootstrap-vue.js.org/docs/components/table#scoped-field-slots , который выглядит как
<template v-slot:cell(myColumn)="data">
...
где myColumn...
1202 просмотров
schedule
08.10.2022
Переменные, привязанные к полям b-таблицы
В последнее время я столкнулся с проблемой с таблицей bootstrap-vue и ее элементами. Я сделал таблицу с объектом items. У меня также есть пара переменных, которые я хотел бы включить в элементы таблицы. Я хочу использовать переменные в качестве...
804 просмотров
schedule
25.11.2022