问题标签 [bootstrap-vue]

我对bootstrap-vue navitem有疑问。我无法设置组件的宽度，因此当我更改网站的语言时，导航栏项目会跳来跳去。

这是它的样子：

语言 1 语言 2

代码看起来像这样，我尝试用元素调整宽度，然后我添加了一个类，但仍然没有发生任何事情

你能帮忙的话，我会很高兴。谢谢你。

但是，我想使用条件字段动态创建表单。表单的定义在一个对象 Q 中。下面的例子是一个 Vue 组件，使用 bootstrap-vue。

我只想在年龄 > 30 时显示“条件问题”。

• 在对象 Q 中，我无法访问this.Q（因为它还不存在）。
• v-on:change="onChange" 可以工作，但这违背了 Vue 的全部要点

我不受对象的这种结构的约束，但是它将使用 AJAX 获得...

问题：有没有办法观看this.Q[0].value？或仅当第一个问题具有一定价值时才使第二个问题可用的其他方法？

我正在尝试使用他们的 CLI 设置样板 Vuejs 项目。使用vue create <project-name>I选择vuex和。我也想导入 Bootstrap-Vue。babeltypescript

运行后npm install -D boostrap-vue

我已经研究过使用文件更改他们的 webpack 配置的方法，vue.config.js但是在查看了 的输出之后vue inspect，webpack 配置似乎已经准备好与css-loader和一起使用vue-style-loader。一切都编译了，但我的输出看起来好像没有加载任何 Bootstrap css 文件。

应用图片：

我觉得我错过了一些简单的东西，但经过几个小时摆弄不同的vue.config.js参数后，我似乎找不到那是什么。

我使用 vuejs 和 bootsrapt-vue 在项目中工作，我想通过 axios 库上传任何类型的文件（图片、pdf ..etc）。当我尝试上传时，没有任何内容上传到后端。有人可以看看我的代码并告诉我我做错了什么吗？我对编码很陌生。

这是我的代码：

`

我有一个用于在表格中显示分页元素的组件。

我已经将分页重写为基于 Vuex（以前它使用事件总线）并且它几乎可以工作 - 值被保存到存储中，但我的观察者无法赶上这些变化。

我有一个这样的商店结构：

存储模块：

因此，每当当前页面或行限制（perPage）更改时，我都希望收到通知，以便我可以使用正确的偏移量提取数据。但由于某种原因，观察者不起作用。

我试图将存储操作从 to 更改commit为dispatch并侦听父组件，但观察者仍然对页面或行限制更改视而不见。

我正在使用带有 bootstrap-vue 和 b-collapse 功能的 vue，在这种情况下，它用于 v-for (lists)..

它运行良好，除了我无法弄清楚如何在单击新列表元素进行扩展时自动关闭扩展的列表元素。

所以我的问题是：

当我单击新的列表元素进行扩展时，如何关闭扩展的？

备注：我正在生成具有唯一值的 vb-toggle=""，如下所示：

这是我的代码：

@sklingler93 建议后更新：

更改为以下内容：

Vue数据属性：

我在扩展（字符串，布尔值，整数）上尝试了不同的类型这最终得到了所有扩展和以下警告：

无效的道具：道具“可见”的类型检查失败。预期布尔值，得到字符串。

我在b-table页面上有一个元素，该元素当前显示来自数据库的一堆数据。目前它是分页的，但反馈表明他们宁愿将所有信息显示在一个滚动视图中。我可以这样做，但问题是如果我设置一个包含div滚动整个表格，它也会滚动列标题。我需要找到一种方法，以便能够在保留列标题的同时仅滚动表格主体，而且我更希望能够在元素本身的范围内执行此操作，而不是使用完全独立的标题来装配某些东西和背景中带有一堆 Javascript 绑定的主体。

在bootstrap-vue table 组件的组件引用下，它说有一个名为的属性tbody-class，它看起来像是为 tbody 指定自定义类的一种方式（够疯狂的）。但是，该页面没有说明如何使用它，而且我的实验也没有产生任何结果：

听起来这种问题在这个问题线程上已经解决了，但它并没有真正详细说明它是如何解决的。它提到该功能已添加到“下一次更新”中，但是在该评论之后发布的版本的补丁说明和文档都没有提到该添加（除非它意味着我在上一段中提到的属性）。它确实谈到了使用 CSS 选择器以迂回的方式应用样式，但我也无法让它工作。（在以下示例tbody中，Chrome 检查器中的 没有应用的样式。）

我使用的 Vue 版本是 2.2.6。

我试图在 vue (bootstrapVue) 中有一个表格，我想一次应用几个过滤器，表格上方的下拉菜单。但是当我在第二个下拉列表中选择一个选项时，第一个会被重置。这可能很容易，但我是初学者，我不知道该怎么做......

这是我的桌子：

这是我的下拉列表：

我猜过滤器选项是一个内置函数。是否可以用另一个名称复制它并将其用于下一个下拉列表？

我的数据如下所示：

我在另一个项目中使用了类似的东西：

但是我不知道如何在当前项目中使用这种方法......

这是我所有的下拉过滤器：

编辑：

好的，过了一会儿我想出了如何编写自己的过滤器函数。我把它放在我的 .vue 文件的“计算：”部分。

data我的原始数据输入在哪里，filteredData是过滤后的数据，checkCity例如一个带有key我要过滤的复选框。checkCity在v-model复选框中使用。

我知道有人问过这个问题。但我不知道如何在 vuejs 中使用代码。我尝试了很多但没有任何结果。我还添加了我的代码。有人可以帮帮我吗？这是我的代码。谢谢

html

js

当表单进入视图时，我们不应该验证表单。
在用户与输入交互后，应该激活它的验证。