问题标签 [bootstrap-vue]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

1494 问题

0 投票

1 回答

5987 浏览

vue.js - Vuejs：如何在 BootstrapVue 中使用“vb-modal 指令”？

这是我的代码（错误）：

它输出一条错误消息：

当我使用$refs方法创建模态时，它可以工作：

这是我安装了 BootstrapVue 的主要 App.js

我只是在此处遵循手册：https ://bootstrap-vue.js.org/docs/components/modal/ 到目前为止，我遇到了问题，直到我想显示一些模态。

我怎么了？

vue.js bootstrap-vue

0 投票

1 回答

519 浏览

twitter-bootstrap - bootstrap-vue 示例中的 b-nav-form 未正确呈现

此处文档中的导航栏示例包括<b-nav-form>嵌入导航栏中的部分，其中包含 a<b-form-input>和<b-button>。但是当我尝试在自己的页面中使用该示例时，只有输入框可见（它位于按钮的顶部——如果我删除<b-form-input>，我可以看到按钮）。我在这里有一个问题的 jsfiddle 示例。

他们的示例如下所示：预期的导航栏

当我尝试使用它时，它最终看起来像这样：Resulting Navbar

这是我正在使用的库/css 版本的问题吗？（目前最新的：bootstrap 4.0.0、bootstrap-vue 2.0.0-rc.1、vue 2.5.13，我尝试了一些早期的组合。）我不知道哪些版本的库bootstrap-vue.js.org 正在使用。

0 投票

2 回答

2893 浏览

laravel - Laravel Mix 中的 Bootstrap-Vue CSS 编译

我正在使用 Laravel 5.6、Laravel Mix 2.0 和 Bootstrap-Vue 2.0.0-rc.1。

试图找到一种方法来配置 Laravel Mix 以将 Bootstrap-Vue 的 CSS 包含到我的app.css文件中，并阻止 Bootstrap-Vue 将<style>标签包含到页面<head>中。

我在包文档中看到了这个注释，但仍然不确定如何正确使用它：

注意：需要 webpack 配置才能加载 css 文件（官方指南）

laravel webpack vue.js laravel-mix bootstrap-vue

0 投票

1 回答

466 浏览

javascript - 图片选择 Vuejs

我在后端有两个图像，当我在网站（前端）上单击图像 1 时，我看到图像 1 的结果，因为它是硬编码的，当我单击图像 2 时，我也看到图像 1 的结果。如何制作我的代码，以便在单击单个图像时可以看到两个图像。任何人都可以给我一个提示吗？

我的代码：listImage.vue

我的视图图像代码：

javascript vue.js bootstrap-vue

0 投票

0 回答

91 浏览

html - 如何更改引导可排序表头伪元素位置

我正在使用 bootstrap-vue 组件：可排序表。您可以在此处找到示例。

我的问题是，如何将箭头（它们实际上是的伪元素th）从内容的末尾th移动到th内容的右侧。只能通过 css 并且可能是 html。

由于每个内容长度都不相同，我不能简单地使用箭头的绝对位置。

html css twitter-bootstrap bootstrap-vue

0 投票

1 回答

813 浏览

javascript - 如何在 VueJS 中将模板（插槽）从祖父组件传递给孙子？

我在 VueJS 2 中有一个案例，其中有一个 3 级组合的组件（祖父母 - 孩子 - 孙子），我需要将模板/插槽从祖父母向下传递给孙子（这是b-tableBootstrap + Vue 库中的一个组件（https ://bootstrap-vue.js.org/docs/components/table））。