bootstrap-vue相关内容
在带有bootstrap-vue的VUE项目中,我搜索选择组件的工作方式 https://bootstrap-vue.js.org/docs/components/form-select/ 并且没有看到它有任何过滤选项吗? 如果没有,是否还有其他引导程序--选择带有筛选选项的组件/库? "bootstrap-vue": "^2.1.0" "vue": "^2.6.10" 谢谢! 推
..
我要在我的测试用例中测试模式行为。 打开页面上的模式依据按钮(isVisible false=>true) 关闭MODEL上的MODEL BY按钮(isVisible trye=>false) 第一步可以,但第二步失败。我可以通过引用找到MODEL,但找不到MODEL上的按钮。 Home.vue
..
..
..
我使用本教程制作卡片组:https://bootstrap-vue.js.org/docs/components/card/#card-deck-groups 我的脚本是这样的:
..
所以我创建了一个简单的包装器组件,其模板如下: 使用 $attrs 和 $listeners 传递道具和事件. 工作正常,但是包装器如何将 命名槽代理给孩子? 解决方案 Vue 3 与下面的 Vue 2.6 示例相同,除了:
..
我在我的应用程序中使用 vue-bootstrap,并在表单中有 2 个字段来填写时间.为此,我正在使用引导程序的 b-form-timepicker 组件,但它似乎没有设置最小值和最大值的功能,以限制可以选择的小时范围.在这种情况下,更好的解决方案是使用其他组件而不是 bootstrap nativo timepicker? 解决方案 解决这个问题的一种方法是使用 moment.js 中
..
我最近一直在使用 vuejs 和 bootstrap-vue.决定在我的项目中添加单元测试. 我对单元测试不太熟悉,所以我正在尝试任何我能找到的方法来了解它是如何工作的. Login.specs.js import {shallowMount, mount } from '@vue/test-utils'从“@/components/auth/Login.vue"导入登录描述('登录
..
我收到很多 Vue 警告,说 $listeners 是只读的或 $attrs 是只读的,并且与不同的 Bootstrap 项目或 . 例如: [Vue 警告]:$attrs 是只读的.在发现---> 我很确定这与以某种方式两次加载 Vue 实例有关,但我真的不知道如何以其他方式做到这一点,以便路由仍然有效. 在我的 main.js 中,代码如下:
..
我的最终目标是将 Bootstrap 4 Popover 添加到完整日历以显示日历事件描述,因为根据视图,完整日历会切断标题/描述.由于完整日历根据我传递给它的事件道具生成所有内容,因此我无法弄清楚如何添加任何类型的弹出框.(我可能可以用 jQuery 来做,但我真的想从项目中删除 jQuery 以缩小我的构建大小) 这里有很好的文档介绍了 bootstrap vue 弹出框的正常使用:ht
..
我已经使用 Vuejs 来开发我的前端,现在我必须设计它的样式.我遇到了 Bootstrap-vue .使用 Bootstrap 4 或 Bootstrap-vue 哪个更好.它们是相同的还是使用 Bootstap-vue 有优势. 解决方案 一些 Bootstrap 4 函数需要 jQuery、Popper.js,这些函数会和 Vue 冲突.(这些函数直接修改 DOM.Vue 不会跟踪这
..
我有一个用 bootstrap-vue 生成的表,它显示了系统搜索的结果. 结果表向用户显示记录,用户可以对它们进行排序和过滤. 如何在使用 bootstrap-vue 元素生成的表头 下方添加搜索字段? 当前表格的屏幕截图: 想要的桌子的模型: 解决方案 您可以使用 top-row 槽来自定义您自己的第一行.请参阅下面的基本示例. new Vue({el:
..
我正在使用 Bootstrap 4 编写 Vue.js 应用程序,尽管我按照文档进行了操作,但我无法加载. 添加到 main.js Vue.use(BootstrapVue); 添加到App.vue相关的css文件中: @import '../../node_modules/bootstrap/dist/css/bootstrap.css';@import '../../nod
..
我正在使用 BootstrapVue 和 VeeValidate 在我的 Laravel + Vue.js SPA(单页应用程序)中.当表单字段无效时,它会自动显示相应位置的错误.但我需要一种方法,以便每当任何表单输入无效时,我都可以在 div 中显示一条消息(即“无效数据"),其中 id result 就在 form 上方. 我的 Register.vue 组件具有以下形式:
..
我创建了一个组件,用于显示各个页面的表格数据.该组件在内部使用 b-table.现在对于几个页面,我想自定义某些列的呈现,而 Bootstrap Tables 允许使用具有特殊语法的作用域字段槽:
..
所以我用模板创建了一个简单的包装器组件,如: 使用 $attrs 和 $listeners 传递道具和事件. 工作正常,但是包装器如何将 命名槽代理到子节点? 解决方案 Vue 3 与下面的 Vue 2.6 示例相同,除了: $lis
..
我在 BootstrapVue 中使用 b-form-file 上传文件,将 multiple 设置为 true 可以完美地处理多个文件,但是每次我选择一个文件时,它都会删除任何以前添加的文件.并且这些文件通常会分布在多个文件夹中,因此我需要能够从一个文件夹中选择一个文件,选择它,从另一个文件夹中选择另一个文件,等等. 这是 HTML:
..
我对 Nuxt.js 应用程序非常陌生,我正在尝试使用 Nuxt.js 和 Vue.js 创建一个 Web 应用程序.在使用 Nuxt cli 创建项目期间,我添加了 Bootstrap-vue. 我在创建 Bootstrap modal 时遇到了一些问题,因此我想完全删除 Bootstrap vue 并将旧的普通 Bootstrap 添加到我的应用程序.我尝试根据这里找到的一些答案进行添加
..
在我的 Vue Bootstrap (v2.21.2) Web 应用程序中,我想使用 Toasts 向用户显示一些错误.这些错误是由 REST-API 客户端产生的.在我的 vb-components 中,我捕获了这些错误并调用了一个本身使用的函数 https://bootstrap-vue.org/docs/components/toast#toasts-on-demand this.$bvTo
..
我想要做的是修改我的 b-collapse 的样式,因为默认情况下它具有我认为的垂直样式,而我想要的是为我的菜单提供水平样式 我是这样实现的:
..