问题标签 [bootstrap-vue]

我正在尝试在我的幻灯片图像上添加一层滤色器。我正在使用 bootstrap-vue/webpack 进行展示网站开发。我的组件中的代码是：

HTML：

CSS：

我尝试使用这种方法在我的幻灯片图像顶部添加背景颜色。它不起作用。还有哪些其他方法可以做到这一点？

我将 vue2 与 bootstrap-vue 一起使用。实际上我有一个包含一些字段的b 表。其中一个字段是带有布尔值（真/假）的“已发布”。我想在每一行都有一个 css 类，其中字段 'released' 的值为 false。例如，用另一种文本颜色显示该行处于非活动状态。

我怎样才能做到这一点？我在 bootstrap-vue 的文档中没有找到解决方案。有人有想法吗？（这是我的第一个问题，如果可能难以理解，请见谅）

示例（只有第 2 项的行应该在 table-row 上获得一个 css-class，因为它没有被释放）：

我已经编写了 Bootstrap Vue 的行代码 usse vb-tooltip。但是我只想在某些情况下使用工具提示。如何设置条件是否有工具提示。

我正在使用 Vue.js，我是新手。我目前正在验证。我曾使用 vuelidate 作为我的验证库。我已经成功完成了表单验证，但是当我必须检查复选框的验证时出现了问题。

如何检查复选框的验证？另外，我使用 bootstrapvue 来显示复选框。

我正在使用 VueJS，或者更准确地说是Bootsrap-Vue (select form type)。在模板中，我有以下代码：

其中对应的数据定义为：

从 UI 中的输出，我们可以看到条件被正确评估（检查项目“15”的条件返回“真”）。选择控件如下所示：

如果我检查 HTML，它看起来像：

但是，我在这里需要的是，能够在加载控件期间将传递的参数放入“ item.select.selected ”以实际显示选择控件中要预选的选项（在页面加载时）。在我尝试的许多选项中，我的选择控件在页面加载时没有被选中。

有什么办法可以做到这一点？

我正在将 Bootstrap-Vue 库集成到基于 Nuxt.js 的项目中。我通读了官方文档以开始使用，但是尽管将 bt-vue 作为单个模块导入工作正常，但我希望能够导入单个组件和指令以减小生成的文件大小并使我的设置尽可能高效。文档只为这个主题的常规 Vue.js 项目提供了一个解决方案，但是我如何编写一个插件来让我对 Nuxt 做同样的事情呢？

我开始bt-vue.ts像这样创建一个插件：

我已将此文件导入 nuxt.config.js 插件部分

但是当我尝试编译我的项目时，我收到了这个错误：

我正在尝试使用 bootstrap-vue 模式来显示项目集合中的详细信息。

我想要的是将数据传递给模态以显示一个简单的消息。

我首先循环记录集以显示按钮。

然后以模态显示名称：

这是我的小提琴https://jsfiddle.net/bptLavov/259/

如何使用 v-for 在选项中设置值？这是我的代码，但是value="{{data.id}}" 当我添加值时出现错误。

这些是我想在选择选项中设置的列表。

我无法弄清楚这个问题。vue-utils-测试

我安装时的问题

让 wrapper = mount(cmp, { localVue, store, router });

我用于测试的代码

我看到很多链接对我不起作用。 https://github.com/bootstrap-vue/bootstrap-vue/issues/1678 https://github.com/vuejs/vue-test-utils/issues/450

我正在尝试向 Bootstrap-Vue 表添加一些 Ctrl + 单击功能以选择多行。为了检查它的行为是否正确，我在页面和控制台上打印了一些调试信息。

这工作正常，但是当我删除模板中的调试行时，表不再在视觉上更新，并且似乎 _rowVariant 没有效果，即使控制台日志表明行仍然被正确选择。

编辑：这是一个小提琴：https ://jsfiddle.net/aznan/24enw63a/39/