问题标签 [bootstrap-vue]

我的 UI 中有一个特殊情况，我需要关闭所有打开的 b-bropdown 组件（包括 b-nav-item-dropdown）。

我还没有找到与 b-tooltip 提供的方法类似的方法。

这样的事情将是完美的：

在这一点上，只要它按预期工作，我可以接受任何骇人听闻的答案。我应该使用mixins吗？如果是这样，如何干净地做到这一点？

我正在使用 Bootstrap-vue 和 b-modal 组件。我遇到的问题是背景事件，它关闭了我的模态，但也在包含 b-modal 的组件的容器上触发了 onClick 事件。

这是我在其中调用包含 modal 的自定义组件的容器：

在中间自定义组件中：

最后在包含 b-modal 的自定义组件中：

我可以禁用模式外的点击，但我想保留它:)。此外，我还考虑过对 bootstrap-vue 生成的 hide 事件做出反应，并防止默认行为手动关闭当前模式并避免生成 onClick 事件。我需要对其进行测试，但我不喜欢这种不雅的解决方案。

你知道如何解决这个问题吗？谢谢！

编辑：解决方案是：

我正在使用来自 Bootstrap Vue 的表格，并且我试图在单击一行时显示行详细信息。

我使用row-clicked了文档所说的事件，但我没有找到任何带有toggleDetails方法的行详细信息。所以我什至不知道如何打开它以及toggleDetails从哪里来。

有没有办法用row.clicked事件打开这个详细信息行？

还是我应该使用另一种方法来做到这一点？

你有一些线索吗？

编辑

有一些代码可以更多地说明我的问题，我的表格中有详细信息行。

您可以看到row.clicked我在表格上使用的事件，然后是我尝试打开行详细信息的方法。这是一个带有一些console.log的简单方法

我正在构建一个使用 Bootstrap Vue 来显示模式窗口的 Vue CLI 应用程序（Webpack 模板）。我正在尝试从我的 Vue 组件的钩子中以编程方式显示模态（参见 Bootstrap Vue文档以编程方式调用模态），如下所示：mounted()

这工作得很好。但是，如果我引入这样的setTimeout()功能，我将无法使其工作：

为什么这在 3.5 秒后不显示模态？超时有效，我知道这是因为我尝试console.log()从中获取消息。我认为这可能是因为 Vue JS 实例在计时器内不可用，所以我尝试声明 aconst self = this;并调用setTimeout(() => self.$refs.myModal.show(), 3500);，但这也无济于事。我在这里想念什么？

我正在开发一个 Vue 应用程序。我在我的应用程序中使用这个官方示例中的bootstrap-vue 导航栏。但是，当我在控制台中运行我的项目时，Vue 不断警告我关于<b-nav-brand>我的main.js.

如果您有任何想法，这是我的设置。

错误：

[Vue 警告]：未知的自定义元素：- 您
是否正确注册了组件？对于递归组件，请确保在此处提供
输入代码 在此处输入代码的“名称”选项。

导航栏代码：

主要.JS：

我想使用引导 vue 模态组件在 vuejs 应用程序中实现此功能：

当用户点击页面 UI 上的 Delete 按钮时：

• 它在正文中显示带有动态内容的模式：“您确定要删除客户：customer_name_here”

• 如果用户单击“取消”按钮：模式消失。

• 如果用户单击“确定”按钮：

• 它将模态正文内容更改为： 'Deleting customer 'customer_name_here' ... ，禁用 Cancel 和 OK 按钮，并调用 API 删除客户。

从 API 收到成功响应时：

• 它将模态正文内容更改为：'成功删除客户'customer_name_here'
• 仅在模态页脚中显示“确定”按钮，如果单击，该按钮将消失。

这是到目前为止的代码：

Vue JS 代码：

有没有办法在 bootstrapvue ( https://bootstrap-vue.js.org/docs/components/table/#table-colgroup ) 表中添加 rowspan 和 colspan .. 问题已经在 github ( https://github .com/bootstrap-vue/bootstrap-vue/issues/1726 ).. 文档提供了 colgroup 但是我需要像我们通常在引导表或 html 中的原始表中那样实现 rowspan 和 colspan。

我正在使用 bootstrap Vue 创建一个基于单选按钮的表单组件。由于我可以一次定义单选按钮的所有选项，因此在两个单选按钮之间合并其他控件时遇到了困难

例如，有两个单选按钮：“2 Wheeler”和“4 Wheeler”。单击 2 轮车时，我想显示一些字段（比如 F1）以及类似的 4 轮车的另一个​​字段。现在唯一的限制是两个单选按钮不应该是内联的，并且文件（F1）应该在这两个单选按钮之间水平。有没有办法用 bootstrap Vue 做到这一点？

我正在努力维护 vuex 中当前页面的状态。当我单击任何记录并且单击后退按钮时，我正在尝试存储分页状态，我应该得到相同的页面。

以下是代码片段：

表.html

在 js 文件中，我添加了这样的计算：

现在的问题是，当我单击第 2 页然后单击任何记录并单击记录时，新页面正在打开，然后当我从该页面返回时，我没有将页码设为 2。它再次发生变化到 1. 在开发人员工具中，我可以看到它正在存储状态，但是当我回到页面时它正在改变

我不知道为什么 currentPage 的状态正在改变。请帮忙！

我正在使用Bootstrap-vue 选项卡。这是标签的 HTML：

这是猫的路线：

在组件代码中：

这将需要：

本地主机：3000/animals/234909888#cats

但是狗选项卡是打开的（第一个选项卡）而不是猫选项卡。刷新浏览器也会显示空白页。

如何解决这个问题？