问题标签 [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.
javascript - Vue.js2 - Object.assign({}, this.var) 防止监视方法
返回 this.user （全局计算属性）按预期工作。当然，我正在制作副本，因为我不想覆盖实际的用户数据。所以，我正在使用 Object.assign。但是，一旦我包含 return Object.assign({}, this.user)（与 this.user 相对），watch 方法就不再起作用。
这是我的模板（我使用的是 bootstrap-vue）：
因此，只要将更改应用于userProfile（通过输入上的 v-model），这将起作用并将editsPending设置为true
...但这不是；userFormData成为user的克隆，但editsPending不受userFormData更新的影响。
谁能解释为什么会发生这种情况并提出可行的解决方案？
laravel-5 - bootstrap-vue 未在复选框中传递数组
我在我的 laravel 项目中使用 bootstrap-vue 将数据从视图传递到带有复选框（b-form-checkbox）的数据库，我想从数据库传递的权限中进行选择并将其分配给一个角色，这意味着一个角色可以拥有多个权限，不幸的是，数据不会作为数组保存到数据库中，因为如果我在复选框中选择了多个权限，它只会显示第一个被点击的权限。请我需要帮助，因为我在这个问题上花了太多时间。这是我的代码：
javascript - 在 bootstrap-vue 中渲染自定义样式
我正在尝试向使用 Bootstrap-Vue 的下拉菜单组件添加一些自定义样式。我在这里使用文档。
这是我的模板：
我发现我可以设置#dropdownMenuButton 的样式，但是当下拉菜单在浏览器中呈现时，它会在#dropdownMenuButton 内部创建一个元素，而我无法设置它的样式。我试过这样做：
但没有运气。仅供参考，创建的按钮的 id 是dropdownMenuButton__BV_toggle_.
javascript - Vue绑定到动态插槽元素？
我想向组件传递一个插槽中的按钮，该按钮将执行操作。例如，具有“添加行”功能的表。
或者，这个反汇编的警报：
具有以下模板：
问题是，我想在组件定义中将事件操作绑定到<slot>ed 按钮，但仍然让组件用户提供自己的按钮（有时甚至是链接、<a>元素）。
我考虑过为动作按钮使用指令，类似于这个库：
https
://bootstrap-vue.js.org/docs/components/modal
其中模态按钮有一个v-b-modal指令。但无法找到如何做到这一点。
更新： 我正在尝试使用指令来实现这一点。这是我到目前为止所拥有的： https ://jsfiddle.net/uvd6knLh/
所以我监听指令事件。问题是指令事件将导致所有警报组件关闭，正如您在 jsfiddle 中看到的那样。如何使这种模式起作用？
vue.js - 在组件中的事件上将类应用于 VueJs 中的 index.html
我正在使用一个 BS4 模板，该模板根据页面上的事件将类应用于<html>和元素。我在这里<body>尝试了 Vuejs 类和样式页面中的不同技术，但没有成功。我还尝试将值作为道具从 App.vue 传递到我作为组件拥有的侧边栏。
这是我必须要做的，并且 v-bind 不尊重根级别的值。
在 index.html 中
在 main.ts（入口点）
如下更新值没有任何作用，侧边栏迷你类不适用。
编辑
感谢下面的答案 - 这是有效的 - 但还有一个问题，它是最好的方法还是可以稍微重构一下。
vue.js - Vue - 如何在包装器组件中传递插槽？
所以我用模板创建了一个简单的包装组件，例如：
使用$attrsand$listeners传递道具和事件。
工作正常，但是包装器如何将<b-table>命名的插槽代理给孩子？
vuejs2 - 动态折叠组件在 bootsrap-vue 中不起作用
我正在尝试将 bootstrap-vue 中的折叠组件添加到我正在创建的表中（不是 bootstrap-vue 表，因为发现使用普通表更容易）
谁能告诉我为什么这会按预期工作（但显然会打开每个具有相同 ID 的折叠组件）
但这不起作用，我知道我在 case.id 中有一个唯一的 id
非常感谢
vuejs2 - bootstrap-vue 表上显示详细信息的问题
有没有人遇到过这个错误，请知道如何解决它
我通过 nuxt 和 vuex 模块从后端提取数据并返回到组件中的表。
这一切都很好，直到我尝试在我的 bootstrap-vue 表中切换细节，当我得到 [vuex] 不要在突变处理程序之外改变 vuex 存储状态。即使我在隐藏的细节中一无所有
有没有人遇到过这个问题，如果有，请问我该如何解决
非常感谢
vue.js - Vue插槽内的BootstrapVue表模板
我想为带有自定义数据呈现（模板）的 bootstrap-vue 表创建一个父组件。
现在，这有点像这样：
我想将其包装在组件中的原因是因为我多次使用此表格布局，包括分页及其所有属性（如条纹、边框等）。
唯一改变的是列模板。
我知道，Vue 做到这一点的方法是创建一个插槽<slot name="x"></slot>，并用<template slot="x">...</template>. 一方面，这与 bootstrap-vue 相吻合，template另一方面，bootstrap-vue 似乎只能正确地呈现模板，如果它们被放置在b-table.
基本上，我想要实现的是这样的组件：
并在这样的子组件中使用它：
有没有人做过这样的事情并想出了解决问题的方法？
vue.js - bootstrap-vue 模式不显示
环境
我不知道如何让一个简单的 bootstrap-vue 模式工作。组件呈现，modal-sample按钮可见，但单击按钮时没有任何反应（模态不会“显示”）。
但是，在 vue 开发工具中，我可以看到show事件已发出。此外，如果我将代码复制并粘贴到 bootstrap-vue 游乐场，它可以工作，所以它必须是我的设置。不确定它是否重要，但它也在 dotnet 核心环境中运行。