问题标签 [buefy]

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.

0 投票
1 回答
1777 浏览

vue.js - Vee Validate 阻止我的组件运行,errors.first 故障

我有一个加载 buefy 数据表的 buefy 表单,我正在尝试验证我的输入字段,而 vee validate 是我的最佳选择。

我的错误信息将显示在我messageb-field. 像这样的东西::message="errors.first('lastname')"

现在我在控制台中收到以下错误:

vue.esm.js?efeb:1897 TypeError: _vm.errors.first is not a function

和以下警告:

[Vue warn]: Error in render: "TypeError: _vm.errors.first is not a function"

我已经在网上搜索并在main.js中尝试了以下解决方案:

0 投票
0 回答
461 浏览

javascript - CSS:如何使 Vue 选择选项溢出不包含在父元素的溢出中

在此处输入图像描述

正如你在这张图片上看到的,我使用了 Vue-Select 和 Buefy Modal。我想要发生的是,如果选择有这么多会触发溢出(带有滚动)的选项超出父级的管辖范围,即您不必滚动父级的模式来查看选择的底部选项,而不是选择选项将与父项分离,您将能够在溢出时看到父项观点之外的选项。这是大多数选择/下拉元素的默认行为,但我希望有一种方法可以覆盖它。我希望它与此类似:

在此处输入图像描述

父级不应在子级溢出时调整大小。我尝试使用 z-index 无济于事。有没有任何 CSS hack 方法来实现这一点?

这是我的代码,没什么花哨的,只是 buefy + v-select

我删除了我的 css 更改,因为 z-index 不起作用,我不知道如何复制第二张图片上的那个。

0 投票
1 回答
1067 浏览

vue.js - 如何使用子 Buefy 输入组件测试 Vue 组件?

我有一个LoginCard组件使用Buefy 的 b-input组件来呈现电子邮件和密码输入:

在我的测试中,我想使用类似vue-test-utils setValue方法的方法在输入上设置一个值,触发该输入,并将其传播到我的data模型属性 foremailpassword

但这不起作用,值不会被传播。

0 投票
2 回答
587 浏览

javascript - 如何将组添加到 buefy b-taginput?

一般来说,我对 Buefy、vue 和 javascript 还是很陌生,我正在尝试将分组下拉列表添加到b-taginput

添加autocomplete似乎启用下拉菜单,但它缺少组。以下是我到目前为止所得到的..

我的小提琴:https ://jsfiddle.net/Konnor5092/z8doLt4j/124/

我添加了一个b-select我希望我的b-taginput下拉列表显示的方式。

我能做些什么来实现这一目标?

谢谢,

0 投票
1 回答
4696 浏览

javascript - 如何在表格末尾添加自定义行(b-table)

我需要在最后将自定义行(与之前的行不同)添加到我的网格 b 表中。我怎样才能做到这一点?我有项目的网格 | 金额 | 价格和最后一行我需要计算项目的总金额和总价格。

所以我需要这样的东西:

如何添加最后一行(它必须始终在底部)

0 投票
1 回答
232 浏览

vue.js - 无论如何在buefy中结合taginput和autocomplete?

在我正在构建的这个应用程序中,我需要一个使用自动完成功能的标记输入,使用 bulma 和 buefy,并且真的很喜欢自动完成标记输入,因为我想知道是否可以将它们结合起来?

0 投票
1 回答
171 浏览

vue.js - 如果不满足条件,如何在 set 函数中不设置计算变量值

问题很简单:我有一个带有 setter 和 getter 的计算属性。它返回一个数据属性,但我只想在满足某些条件的情况下设置该值。在您可以在此处找到的示例中,我仅在一年大于或小于另一年时设置值。
例如:如果您将第一个组合框中的值设置为大于第二个组合框中的值,我应该不会更新,因为我没有设置变量,但是如您所见,属性已更新。关于如何解决这个问题的任何建议?

0 投票
1 回答
713 浏览

vue.js - 没有页面刷新 Nuxt/Buefy 不会加载 CSS

我是 Nuxt js 的新手,我在更改页面时遇到了一些 CSS 问题

如果我使用 buefy CSS 将一个页面导航到另一个页面,则无法正确加载

点击 <nuxt-link> 后

如果我刷新页面 ctrl+f5 刷新后

刷新后,显示正常。我正在使用 Buefy

我的nuxt.config.js档案

assets/sass/main.sass

我没有找到任何解决方案。任何帮助将不胜感激

0 投票
2 回答
1787 浏览

vue.js - Buefy 更改语言环境

我想根据 moment() 语言环境更改日期选择器显示的语言。不仅仅是用户选择的日期的翻译,还有日期选择器本身。

我有一个带有以下日期格式化程序的日期选择器

但我无法让日期选择器更改语言。我已确保事先导入并设置时刻区域设置。

0 投票
0 回答
41 浏览

laravel - 当以用户身份登录时,buefy 停止使用 Vue 在 Laravel 中工作

我最近使用 vue 学习 Laravel ......

我正在使用 Laravel 5.8、
Bulma 0.7.5、Buefy 0.8.1 和 Vue

我的问题是,当我注销时,Buefy CSS 工作正常,但我登录时,它停止工作......

这是一些屏幕截图,所以你可以看到我在说什么......

这是我注销时的样子 https://imgur.com/inOTzgv

这是我登录时的样子 https://imgur.com/Qgq52d4

这是我的 app.js

这是我的 cpanel.blade.php

这是我遇到问题的edit.php表单...

我想知道是否有人知道为什么会这样?