我在用

我得到

我想要每行之间有一些垂直空间。我能想到六种方法。但是我想知道应该怎么做？

为了记录，我最想<br />&nbsp;在 b 按钮之后放一个

或者

把它放在一张桌子上。

使用 bootstrap-vue 组件 b-table 我正在使用 @row-clicked 事件链接到另一个页面。问题出现在我添加复选框的行中。我可以禁用复选框的行单击事件，但该列的其余部分仍链接到其他页面。因此，如果用户在选择带有复选框的行时错过了点击，他们将被带到另一个页面。b-table 是 vue-component 的一部分。

所以我的问题是我如何禁用整个 b 表列的 @row-click 事件，而不仅仅是列中的复选框？

这是我的桌子。我一直在到处扔@click.native.stop 试图解决这个问题。模板 slot=" " 是带有复选框的列。我试图禁用一段文本，文本本身是可点击的，而不会触发行事件，但框中的空白区域确实触发了行点击事件。

我是 Vuejs 新手，我收到错误未知自定义元素 -

我如何注册自定义元素 - b-alert。我认为这个元素来自 bootstrapVue。

您好我有一个关于触发组件 b-form-file 的问题。

我尝试使用 this.$refs.imageProfile.click() 不起作用。而且我看到该元素上未找到单击功能。

谢谢你。

我有一个名为“List”的组件，其中包含一个 vue boostrap 表：

我正在从我的父组件“订单”传递表格项目。我还想将行模板传递给 vue boostrap b-table 组件。

不幸的是，我无法使用插槽使其工作（这将是模板中的模板）

我正在使用 vue-bootstrap 处理一个页面，该页面在每一行中嵌入了一个 b-form-checkbox-group。这些看起来很好。当我尝试将值分配给选中的道具时，问题就来了。当我分配一个静态编号时，这些框将像页面加载时一样被选中，但是当我尝试将其设置为接收来自 jquery get 调用的响应时，据我所知，这些框有时只填充没有模式。

以上是表格的html。nit-card 是一个看起来像这样的 vue.component。

以及一些 js 代码，其中包含为获取已检查道具的数据而调用的方法的示例。

我想象它流动的方式是 interfaceNames 数组存储数据，然后 html 使用 row.index 值访问它。实际发生的情况是，即使当我查看根 vue 时，这些值存在于 interfaceNames[x].taggedVlans 中，但可能有一半的复选框表单在其选中的属性中具有选中的值。

我需要做什么才能为这些复选框组一致地填充选中的道具？

编辑：通过手动使用 v-if 切换表格（例如表格呈现后的按钮），所有复选框都将正确显示。一旦我有一种可靠的方式来自动切换表格，我就会把它贴在这里。

我正在将我的 Bootstrap 4 网站迁移到 Bootstrap Vue。我是 Vue.js 的新手，在这里我遇到了一些困难。我正在尝试使用 Bootstrap Vue 可折叠组件，其中可折叠元素本身位于子 Vue 组件中，而按钮位于同级组件中，两者都具有相同的父级。现在我找不到信息什么是让这些沟通的最佳方式。（将它们放在同一个 Vue 组件中可以按预期工作。）我的问题很笼统。这样做有什么最佳实践吗？

非常感谢。如果我的问题不够清楚，请发表评论，以便我解决。

更新

在 Max 的帮助下，我设法让它按预期运行（代码如下）。在我的代码中发现了一个错误。猜猜简化事情总是一个好主意:)

HTML

Javascript

问候，特奥多尔

使用此处提供的示例：https ://bootstrap-vue.js.org/docs/components/form-file ，我没有提供第一个“样式化”示例显示的样式。

即使我的模板是这样的，两者都显得“普通”：

我想我错过了正确加载css。bootstrap-vue但是，从作品中复制粘贴其他示例就可以了。按钮的样式是附加的 JS 事件 - 所以这似乎不是问题。

为什么 bootstrap-vue 会为其他组件加载 CSS，但显然不是b-form-file？

我想使用引导表和 Vue Js 创建简单的发票。

基本上，我想要的如下图所示：

我已经尝试过如下代码，但我对两件事感到困惑，

我应该如何

1) 计算total cost并显示为footer summary。

2) 相乘rate并qnty显示在 上对应的输入框上cost。

我想要的方式很容易通过使用正常的tdandtr和计算函数来实现。

但我对如何实现 using 感到困惑Bootstrap-vue。

请帮忙！

我有一个看起来像这样的表头：

我正在尝试在 bootstrap-vue 中重新创建此表。原始 HTML 如下所示（简化）：

核心 b 表代码将轻松/自动创建第二行。我正在想办法把第一排塞进去。作为一个小人物，我需要能够控制两个组名的内容（即，如果他们在某处更改控件，“Group 1”将变为“Group Foo”）。

我为任何需要一个起点来帮助解决这个问题的人做了一个游乐场： https ://codesandbox.io/s/p56y3y2lnx 那里的目标是以编程方式添加第一行，其中包括group1name并跨越表格的宽度在一个colspan中。