bootstrap-vue相关内容

Bootstrap-vue选择带有筛选选项的组件?

在带有bootstrap-vue的VUE项目中,我搜索选择组件的工作方式 https://bootstrap-vue.js.org/docs/components/form-select/ 并且没有看到它有任何过滤选项吗? 如果没有,是否还有其他引导程序--选择带有筛选选项的组件/库? "bootstrap-vue": "^2.1.0" "vue": "^2.6.10" 谢谢! 推 ..
发布时间:2022-04-13 13:04:11 其他开发

如何在引导 timePicker 中设置最小值和最大值?

我在我的应用程序中使用 vue-bootstrap,并在表单中有 2 个字段来填写时间.为此,我正在使用引导程序的 b-form-timepicker 组件,但它似乎没有设置最小值和最大值的功能,以限制可以选择的小时范围.在这种情况下,更好的解决方案是使用其他组件而不是 bootstrap nativo timepicker? 解决方案 解决这个问题的一种方法是使用 moment.js 中 ..
发布时间:2022-01-19 13:14:36 前端开发

使用 bootstrap-vue 运行 jest

我最近一直在使用 vuejs 和 bootstrap-vue.决定在我的项目中添加单元测试. 我对单元测试不太熟悉,所以我正在尝试任何我能找到的方法来了解它是如何工作的. Login.specs.js import {shallowMount, mount } from '@vue/test-utils'从“@/components/auth/Login.vue"导入登录描述('登录 ..
发布时间:2022-01-01 23:45:07 前端开发

Vue 警告 $listeners 和 $attrs 是只读的

我收到很多 Vue 警告,说 $listeners 是只读的或 $attrs 是只读的,并且与不同的 Bootstrap 项目或 . 例如: [Vue 警告]:$attrs 是只读的.在发现---> 我很确定这与以某种方式两次加载 Vue 实例有关,但我真的不知道如何以其他方式做到这一点,以便路由仍然有效. 在我的 main.js 中,代码如下: ..
发布时间:2021-12-26 16:55:43 前端开发

以编程方式添加 Bootstrap popover vue-full-calendar

我的最终目标是将 Bootstrap 4 Popover 添加到完整日历以显示日历事件描述,因为根据视图,完整日历会切断标题/描述.由于完整日历根据我传递给它的事件道具生成所有内容,因此我无法弄清楚如何添加任何类型的弹出框.(我可能可以用 jQuery 来做,但我真的想从项目中删除 jQuery 以缩小我的构建大小) 这里有很好的文档介绍了 bootstrap vue 弹出框的正常使用:ht ..

Bootstrap-Vue 和 Bootstrap 4 的比较

我已经使用 Vuejs 来开发我的前端,现在我必须设计它的样式.我遇到了 Bootstrap-vue .使用 Bootstrap 4 或 Bootstrap-vue 哪个更好.它们是相同的还是使用 Bootstap-vue 有优势. 解决方案 一些 Bootstrap 4 函数需要 jQuery、Popper.js,这些函数会和 Vue 冲突.(这些函数直接修改 DOM.Vue 不会跟踪这 ..
发布时间:2021-12-24 09:39:03 前端开发

标题中带有过滤器的 Bootstrap-vue b-table

我有一个用 bootstrap-vue 生成的表,它显示了系统搜索的结果. 结果表向用户显示记录,用户可以对它们进行排序和过滤. 如何在使用 bootstrap-vue 元素生成的表头 下方添加搜索字段? 当前表格的屏幕截图: 想要的桌子的模型: 解决方案 您可以使用 top-row 槽来自定义您自己的第一行.请参阅下面的基本示例. new Vue({el: ..
发布时间:2021-12-24 09:19:44 前端开发

BootstrapVue VeeValidate - 当表单无效时显示额外的错误消息

我正在使用 BootstrapVue 和 VeeValidate 在我的 Laravel + Vue.js SPA(单页应用程序)中.当表单字段无效时,它会自动显示相应位置的错误.但我需要一种方法,以便每当任何表单输入无效时,我都可以在 div 中显示一条消息(即“无效数据"),其中 id result 就在 form 上方. 我的 Register.vue 组件具有以下形式: ..

上传多个文件,一个接一个,用BootstrapVue b-form-file

我在 BootstrapVue 中使用 b-form-file 上传文件,将 multiple 设置为 true 可以完美地处理多个文件,但是每次我选择一个文件时,它都会删除任何以前添加的文件.并且这些文件通常会分布在多个文件夹中,因此我需要能够从一个文件夹中选择一个文件,选择它,从另一个文件夹中选择另一个文件,等等. 这是 HTML: ..

如何在我的 Nuxt 应用程序中正确设置 bootstrap-vue?

我对 Nuxt.js 应用程序非常陌生,我正在尝试使用 Nuxt.js 和 Vue.js 创建一个 Web 应用程序.在使用 Nuxt cli 创建项目期间,我添加了 Bootstrap-vue. 我在创建 Bootstrap modal 时遇到了一些问题,因此我想完全删除 Bootstrap vue 并将旧的普通 Bootstrap 添加到我的应用程序.我尝试根据这里找到的一些答案进行添加 ..
发布时间:2021-09-20 20:00:06 前端开发