问题标签 [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.
vue.js - Vuejs:如何在 BootstrapVue 中使用“vb-modal 指令”?
这是我的代码(错误):
它输出一条错误消息:
当我使用$refs
方法创建模态时,它可以工作:
这是我安装了 BootstrapVue 的主要 App.js
我只是在此处遵循手册:https ://bootstrap-vue.js.org/docs/components/modal/ 到目前为止,我遇到了问题,直到我想显示一些模态。
我怎么了?
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 正在使用。
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 文件(官方指南)
javascript - 图片选择 Vuejs
我在后端有两个图像,当我在网站(前端)上单击图像 1 时,我看到图像 1 的结果,因为它是硬编码的,当我单击图像 2 时,我也看到图像 1 的结果。如何制作我的代码,以便在单击单个图像时可以看到两个图像。任何人都可以给我一个提示吗?
我的代码:listImage.vue
我的视图图像代码:
html - 如何更改引导可排序表头伪元素位置
我正在使用 bootstrap-vue 组件:可排序表。您可以在此处找到示例。
我的问题是,如何将箭头(它们实际上是 的伪元素th
)从内容的末尾th
移动到th
内容的右侧。只能通过 css 并且可能是 html。
由于每个内容长度都不相同,我不能简单地使用箭头的绝对位置。
javascript - 如何在 VueJS 中将模板(插槽)从祖父组件传递给孙子?
我在 VueJS 2 中有一个案例,其中有一个 3 级组合的组件(祖父母 - 孩子 - 孙子),我需要将模板/插槽从祖父母向下传递给孙子(这是b-table
Bootstrap + Vue 库中的一个组件(https ://bootstrap-vue.js.org/docs/components/table))。
祖父组件:
子组件:
孙子组件:
这个<b-table>
来自 Bootstrap + Vue ( https://bootstrap-vue.js.org/docs/components/table )
因此,正如 Bootstrap + Vue 文档所代表的那样,我可以将 a 传递<template>
给<b-table>
但我想首先将它从祖父母传递给孩子,然后从孩子传递给<b-table>
.
javascript - 如何使 javascript 中使用的 URL 可配置
我是编程新手,我有一个与后端对话的网站(用 GO 编写)。我必须将我的 javascript 中的 url 设置为可配置的。老实说,我真的不知道该怎么做。我以前从未听说过使 url 可配置。
那是什么以及如何使 url 可配置?我还将插入一些代码。我使用 javascript,vuejs
vuejs2 - 引导程序-Vue标题中带有链接
我有一个包含这样的<b-card>
组件的组件:
如何使卡片标题成为可点击的链接?也就是说,我可以设置文本,:title=
但不存在将文本包装在<a href="">
标签中的参数。
javascript - Bootstrap-vue 不加载 CSS
我正在使用 Bootstrap 4 编写一个 Vue.js 应用程序,尽管我遵循了文档,但我无法加载。
添加到 main.js
Vue.use(BootstrapVue);
添加到与 App.vue 相关的 css 文件中:
这是模板:
结果:没有呈现 css,但在 dist 目录的 css 文件中我看到 Bootstrap 我错过了什么?vue-cli 3.0-beta 创建的项目