bootstrap-vue相关内容

如何在Vue.js中将v-model与嵌套属性一起使用

我已经创建了一个表单,并且试图了解如何在Vue.js中使用带有嵌套属性的v-model 这是我模板的代码,如您所见,我正在尝试引用嵌套属性,如下所示: form.dobDate ,但是如何引用属性( dobDate , dobMonth 和 dobYear )在已安装和观看中?这样我输入的任何内容都会保留在页面刷新中? ..
发布时间:2020-09-22 22:09:10 前端开发

获取row元素形式的row.clicked事件

我正在使用Bootstrap Vue中的Table,并且试图在单击一行时显示行详细信息. 我使用doc所说的row-clicked事件,但是用toggleDetails方法找不到任何行详细信息. 因此,我什至不知道如何打开它以及toggleDetails的来源. 有一种方法可以通过row.clicked事件打开此详细信息行? 还是应该使用其他方法来做到这一点? 您有一些线索 ..
发布时间:2020-09-22 22:09:06 前端开发

VueJS-验证表单文件上传中的文件大小要求

我正在使用Bootstrap Vue表单制作一个简单的表单,用户可以在其中上传文件.有没有一种方法可以验证使用Vue表单选择的文件的大小? 我要阻止用户上传此类文件. 我见过此解决方案,但看起来像包括一些第三方插件.我更喜欢一个不会​​的解决方案 解决方案 下面是一个通用的Vue示例,说明如何在提交表单之前验证文件的大小. 问题的关键在于从输入本身的files属性获取文件 ..
发布时间:2020-09-22 22:08:01 前端开发

用Bootstrap-Vue玩笑

我最近一直在使用vuejs和 bootstrap-vue . 决定将单元测试添加到我的项目中. 我对单元测试不是很熟悉,所以我正在尝试一切可以理解的工作方式. Login.specs.js import { shallowMount, mount } from '@vue/test-utils' import Login from '@/components/auth/Login ..
发布时间:2020-09-22 22:07:55 前端开发

b表中的BootstrapVue条件列

如果当前用户是管理员,我只想显示我的一列.我不确定如何使用bootstrapVue做到这一点.有什么想法吗? 解决方案 以下是基于特洛伊评论的摘要. 我已将自定义属性添加到名为requiresAdmin的字段对象.这不是标准Bootstrap-Vue的一部分. 您可以使用它来过滤所有要求用户成为计算属性中的管理员的字段.基于用户是否是管理员.这样可以轻松地添加和删除要求用户为管 ..
发布时间:2020-09-22 22:07:43 前端开发

无法将图片动态呈现到轮播Vuejs

我已经使用bootstrap-vue设置了一个轮播.我使用了for循环和对象数组来动态创建组件.在每张幻灯片中,我都将包括文本和背景图像.我能够动态渲染文本.但是,背景图像仅出现在第一张幻灯片上.对于后续幻灯片,将不再渲染图像.似乎是什么问题?下面是我的代码和结果的屏幕截图 更新:我仍然无法使它正常工作.谁能帮我? ..

Bootstrap Vue轮播高度不适合全屏

我正在使用Bootstrap Vue创建轮播.轮播中包含3张图片,可让用户循环浏览.我能够显示适合笔记本电脑屏幕尺寸的高度和宽度的图像.但是,随着我逐渐将屏幕尺寸减小到可移动的高度,屏幕的高度不再能支撑屏幕了.下面是我的代码和屏幕截图 更新:我仍然无法解决此问题,有人在这里吗? ..
发布时间:2020-09-22 21:06:39 前端开发

bootstrap-vue切换扩展表行

这似乎仍然没有答案,因此这是另一种解决方案的尝试. 当前在bootstrap-vue中,我正在渲染b-table.我想通过选择行并折叠/展开额外的div/row/etc来显示更多信息来改善这一点. 在下面的代码片段中,您将看到我正在尝试的内容.问题是我似乎无法获得扩展的数据来跨越表中的列数.我曾尝试添加 ,但它似乎不像我期望的那 ..
发布时间:2020-09-22 20:58:37 前端开发

B表中复选框的自举问题

我在使复选框正常工作时遇到问题.为“选定"插槽中的每一行呈现的复选框未绑定到正确的行.当您单击该复选框时,它会将最上面几行的复选框设置为true/false. 问题: 1)如何将该行的复选框的真/假状态绑定到其行项目?我试图将其绑定到data.item.selected,然后遍历数据以查找"selected"对象并执行必要的操作.我什至尝试将行对象添加到新的数据数组中,但只添加了顶部行? ..
发布时间:2020-09-22 20:48:10 前端开发

Bootstrap-Vue和Bootstrap 4之间的比较

我已经使用Vuejs开发前端,现在必须对其进行样式设置. 我遇到了 Bootstrap-vue .最好使用Bootstrap 4或Bootstrap-vue.它们相同还是使用Bootstap-vue有优势. 解决方案 某些Bootstrap 4函数需要 jQuery , Popper.js ,这些函数将与Vue冲突. (这些函数直接修改DOM.Vue不会跟踪这些修改.使用jQuery进行的 ..
发布时间:2020-09-22 20:07:26 前端开发

标题中带有过滤器的Bootstrap-Vue B表

我有一个用bootstrap-vue生成的表,该表显示了系统搜索的结果. 结果表向用户显示记录,用户可以对记录进行排序和过滤. 如何在用bootstrap-vue 元素生成的表头下添加搜索字段? 当前表的屏幕截图: 想要的表的模型: 解决方案 您可以使用top-row插槽自定义自己的第一行.参见下面的简单示例. new Vue({ ..
发布时间:2020-09-22 19:44:24 前端开发

如何从Vue Composition API/Vue 3.0 + TypeScript中的组合函数访问根上下文?

我想创建用 TypeScript 编写的可重用包装函数,以通过使用合成函数来触发吐司通知,如Vue 3.0的当前规范:合成API RFC . 此示例使用BootstrapVue v2.0吐司组件.对于Vue 2,将通过this.$bvToast Vue组件实例注入在根上下文中进行调用: this.$bvToast.toast('Error happened', { title: ' ..

Vue.js和vue-phone-number-input软件包组件:以编程方式设置国家/地区代码和电话号码

在我的Laravel + Vue.js SPA(单页应用程序)中,我正在使用 BootstrapVue , vue-phone-number-input 软件包和手机(或电话)号码输入位于表格内.验证表单后,我将数据(每个国家/地区代码和电话号码保存为该组件分为两部分:国家/地区代码和电话号码.请参阅包装中提供的链接中的图像)桌子.加载表单页面时,输入字段还应该具有从数据库中获取的值. 但是 ..