问题标签 [bootstrap-vue]

使用 bootstrap-vue 我有一个使用 b-tabs 和其他一些组件的工作示例。

但是，在一个页面（.vue）上，当我尝试将块包装在标签中时，页面总是将该卡及其内容呈现为“未定义”，我使用此处的示例。

没有 v-card 我看到：

有了它，我看到了：

该代码从字面上遵循上面页面中引用的示例和我的 main.ts 我有以下内容

谁能指出我正确的方向，甚至看看如何隔离任何潜在的问题？

下面添加了额外的代码

无法正确显示的 Vue (lang="ts") 组件：

然后在损坏的组件上消耗了另一个非 TS vue 组件，该组件与 b-card 内的 b-tabs 一起正常工作

我已经使用 Vuejs 来开发我的前端，现在我必须对其进行样式设置。我遇到了 Bootstrap-vue。使用 Bootstrap 4 或 Bootstrap-vue 哪个会更好。它们是相同的还是使用 Bootstap-vue 有优势。

我试图在用户输入一个值时创建一个输入，如果它小于 100，那么该值应该自动增加 125。

我可以使用简单的输入和 vue 的输入事件来完成这项工作，但使用 bootstrap-vue 的输入（b-form-input）有时它不起作用。

以下是我的代码

jsFiddle链接

在 bootstrap-vue 输入中，如果您从输入 5 开始，它会更改为 130，然后如果您按退格键，它会更改为 138，但如果您再次按退格键，它会更改为 13，但它应该保持在 138。如何使这项工作？

我正在尝试在我的按钮上填充 href。

我也有一个路由器试图这样做

我有一个插件（bootstrap-vue），我想用Vue.use(). 现在，我在客户端条目（内部router.onReady()）中使用它，但收到以下警告：

客户端渲染的虚拟 DOM 树与服务器渲染的内容不匹配。<p>这可能是由不正确的 HTML 标记引起的，例如在<tbody>. Bailing 水合作用并执行完整的客户端渲染。

我使用服务器端渲染（SSR）并且不确定在哪里正确调用插件初始化。谢谢！

我有一个列表组，其列表项是通过 API 调用呈现的。例如，

我有以下 HTML，

将鼠标悬停在项目上时，工具提示不起作用。你能帮我理解为什么会这样以及如何解决吗？谢谢

我想动态加载模板及其表单元素。

所需的输出：

我想动态加载所有这些字段，以便表单应该是通用的，并且我可以对项目中的所有表单使用相同的模板。

我试过的代码：

请建议我一个更好的选择来做通用表格。提前致谢

我发现了类似的主题在 main.js（对于 VueJS）中导入组件的优点/缺点是什么？但我想更深入地挖掘。

例如，bootsrap-vue允许通过以下方式导入所有组件main.js：

或单独的任何组件，例如：

bootstrap-vue我根本不使用的许多组件，所以，在这里我有2个问题：

1. 是否webpack添加到站点的捆绑/打包版本只是真正使用的组件（以某种方式检查使用了哪些组件？是否需要指定任何Webpack设置？）或webpack只是添加全局导入的所有内容（在 中main.js）？

2. 基于第一个问题：在webpack仅使用单个组件的情况下，捆绑/打包（如果使用）站点的大小是否有任何盈利能力？

我有一个相当大的项目，其中导入了很多组件main.js，我想知道，我应该保持原样还是重新组织所有内容。

更新

我用Vue.use(BoostrapVue)我需要的组件替换了（我用了很多）。Vue.use(BoostrapVue)之后我npm run build的dist文件夹是 4.6MB。一旦我开始导入每个需要的组件，dist文件夹大小就变成了 4.2MB。

我想问一下，是否可以对出现时滚动到自身的 div 进行操作。

环境：我在客户端使用vue/bootstrap-vue，我使用alerts来通知用户。我为此制作了一个 vue 组件，如果发生某些事情，动态更改text、variant和show属性，以显示信息。但是很多站点太大了，所以我想知道在向上滚动时，每次警报组件的显示属性是否更改为true。

• 我发现了一个非常棒的滚动组件（vue-scrollto），但它不适用于这个问题。

• 我以为我在 show element 上做了一个手表并运行它： scroll(0,0);但它并不那么顺利，它总是到达顶部，而不是它自己。

你给我推荐什么？

我正在为我的应用程序尝试引导 vue 选项卡。我想禁用所有选项卡单击，但想使用导航按钮浏览选项卡。

但是，当我尝试增加选项卡索引时，它会自动再次设置为零。

有没有办法禁用选项卡单击，但通过上一个和下一个按钮导航它们。