Вопросы и ответы - bootstrap-vue

Вопросы и ответы - bootstrap-vue



Есть ответ!
Привет всем, есть ли какие-либо причины показывать предупреждение bootstrap-vue в начале моего метода и отклонять предупреждение в конце моего метода. Я использую javascript, если вы хотите. Я пытался сделать это с помощью: <b-alert :v-if="dismissCountDown" dismissible :variant= alertVariant @dismissed="dismissCountDown=0" @dismiss...
Есть ответ!
Мне нужна помощь в Bootstrap-Вью стол, если им поля фильтрации 'created_by' , filter-included-fields работает, но если им фильтрации 'memberinfo.age' , filter-included-fields не работает Таблица кодов: <b-table id="my-table" :items="allMember.data" :per-page="perPage" :current-page="currentPage" :fields="fields" :filter="filter&qu...
Есть ответ!
Я пытаюсь построить поле ввода с bootstrap-vue, в котором пользователь может ввести любое желаемое число, и оно должно быть отформатировано в десятичное число с 3 местами. Это то, что у меня есть до сих пор. Метод focusOut предупреждает мое желаемое значение, но я понятия не имею, как обновить с его помощью значение в строке таблицы, так как оно вызывается по значению. У вас есть какие-нибудь идеи...
Есть ответ!
Я обновил Bootstrap-Vue с v2.0.0 RC11 до v2.19. 0, и теперь мои выпадающие списки в навигационной панели не закрываются автоматически после нажатия на ссылку? Есть ли настройка или что-то, что я могу вызвать, чтобы заставить выпадающие списки закрываться после нажатия? Я использую маршруты" to "вместо" href", если это имеет значение для ссылок. <b-navbar type="light" variant=&q...
Есть ответ!
вот мой код : <b-table hover :items="usergroupTable.datas" :fields="usergroupTable.fields" :sort-by.sync="sortBy" :sort-desc.sync="sortDesc" responsive="sm" > <template #cell(edit)="data"> <b-button @click="editItem(data.id)"...
Есть ответ!
<b-form-select v-model="form.depart" :options="department" class="depart" required ></b-form-select> Мой грядущий массив объектов-это: [ { id: 1, department_name: 'CSE', department_email: 'cse@example.com'}, { id: 2, department_name: 'EEE', department_email: 'eee@example.com'}, ] Эти данные не загружаются в опцию Select. Я хочу просто d...
Есть ответ!
У меня есть два спа-центра на vue, в одном и том же районе развертывания: Использует Vuetify (www.someserver.com/portal_1/) Использует Bootstrap-vue (www.someserver.com/portal_2/) Теперь мне нужно сделать некоторую портальную область с компонентами из обоих СПА. Есть ли какая-то методология, чтобы справиться с этим? Я пытаюсь создать приложение с помощью vuetify и bootsrtap-vue, но застрял со мн...
Есть ответ!
У меня есть загрузочный Вью СПА имеет следующую структуру: расположение навигации панировочные сухари вид маршрутизатора компонент некоторое содержание Я хотел бы, чтобы мой component ввел подменю в навигационную панель родителя. Например: export default { name: 'Component', data() { return { menu: [ 'Item': { href: '#' ...
Есть ответ!
Я обновил bootstrap-vue в своем проекте laravel и заметил, что функциональность, которая раньше работала, теперь нарушена. Код остался прежним, так что это единственное, что я могу придумать. В настоящее время я нахожусь на vue@2.5.16 и bootstrap-vue@2.17.3 Проблема в том, что один из $refs не зарегистрирован. Проект старый, и я не являюсь оригинальным автором. Я также относительно неопытен в vue,...
Есть ответ!
Анализатор пакетов Webpack показывает, что иконки из пакета bootstrap-vue имеют размер 535 КБ. Я не хочу использовать их в проекте, поэтому я пытался исключить пакет с помощью webpack IgnorePlugin. Согласно примеру в документации, я попытался написать это: new webpack.IgnorePlugin({ resourceRegExp: /^icons(.*)$/, contextRegExp: /^bootstrap-vue(.*)$/ }) но это не сработало. Еди...
Есть ответ!
Edit: хм, возможно, есть переопределение стиля - Я могу взять выпадающий список снизу, который работает. И воткните его в навигационную область, и Стрелка вниз исчезнет. То же самое можно сказать и о выпадающем списке "Ланг", если я подвину его к телу, появится стрелка.. EDIT: FML - это было еще одно переопределение стилей навигационной панели, используйте SCOPE LOL Navbar svg downarrows не поя...
Есть ответ!
Я пытаюсь создать некоторые динамические фильтры в bootstrap-vue 2.0.0-rc.11 на загрузочный стол столбцы В моем примере я сделал это <b-table class="io-store-list-table table-striped" show-empty hover stacked="md" :items="stores" :fields="storeFields" :current-page="currentPage" :per-page="perPage" :filter="filter" :sort-by.sync="sortBy" :sort-desc.sync="sortDesc" :sort-direction="sortDirecti...
Есть ответ!
У меня есть список-группа со значками и ссылками. Моя цель-показать значки только тогда, когда экран меньше lg, и изменить ориентацию с вертикальной на горизонтальную. До сих пор мне удавалось показывать только значки на экранах меньше lg; однако я изо всех сил пытаюсь понять, как динамически изменить ориентацию с вертикальной на горизонтальную для экранов меньше lg. Как мне этого добиться? код:...
Есть ответ!
Существует новый синтаксис для слотов полей с областью видимости в таблицах, см. https://bootstrap-vue.js.org/docs/components/table#scoped-field-slots , которая выглядит так <template v-slot:cell(myColumn)="data"> ... где myColumnинтерпретируется как строка-ключ поля из полей для отображения в нашей таблице. Как я могу использовать переменную вместо строки? Скажем что-то вроде: let myCo...
Есть ответ!
Я использую bootstrap в качестве основы дизайна и использую bootstrap-vue. Теперь я хотел бы реализовать некоторые тесты, чтобы идти вместе с моими компонентами. Я пишу очень простой тест, чтобы убедиться, что модал открыт. Что я использую в vue-test-utils для открытия модала bootstrap-vue? Я использую основы, которые поставляются с Laravel, bootstrap-vue, vue-test-utils, mocha и mocha-webpack. ...
Есть ответ!
Я использую Bootstrap-Vue для написания веб-страницы, но у меня есть проблемы с изменением цвета текста на Bootstrap navbar, особенно на теге b-nav-item-dropdown. Я попытался использовать <span class="text-dark", чтобы обернуть вокруг тега b-nav-item-dropdown, но это не сработало. Оказалось, что вариант b-navbar может только установить цветовые варианты текста либо темным, либо светлым. Вот мо...
Есть ответ!
Я пишу Vue.js приложение с Bootstrap 4 и я не могу загрузить, хотя я следовал документации. Добавлено в main.js Vue.use(BootstrapVue); Добавлено в css-файл, связанный с App.vue: @import '../../node_modules/bootstrap/dist/css/bootstrap.css'; @import '../../node_modules/bootstrap-vue/dist/bootstrap-vue.css'; Вот шаблон: <div class="main"> <div> <b-modal id="modal1" title="...
Есть ответ!
Имея следующий пример кода, я хочу знать правильное событие/метод, чтобы отличить, было ли заполненное значение введено вручную или выбрано из <datalist>. ШАБЛОН: <div> <b-form-input list="my-list-id" v-on:change="handleChange" v-model="sizeSel"/> <datalist id="my-list-id"> <option v-for="size in sizes&...
Есть ответ!
Я пытаюсь протестировать форму в Vue, используя формы из библиотеки Bootstrap-Vue. Я сделал событие для формы (submit) и добавил к этому событию функцию (addText). Затем я сделал метод для этой функции, попросив ее записать мои входные данные в консоль, но когда я нажимаю кнопку "Сохранить" и захожу в консоль, ничего не регистрируется. Раньше это работало с Materialize, поэтому мне интересно, не к...
Есть ответ!
У меня есть массив сообщений о событиях, которые я хочу отображать по одному в виде всплывающих сообщений, которые не слишком мешают другим вещам, происходящим в моем веб-приложении. Я нашел хороший компонент с Bootstrap Vue b-toast. Тост отображает 1-й элемент массива, а затем, когда тост" скрытое "событие обнаружено, массив "сдвигается", чтобы удалить первое сообщение о событии. Затем он должен ...


Закрыть X