问题标签 [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 投票
2 回答
667 浏览

vue.js - 导航栏下拉菜单没有指向给定的链接

我正在尝试使用 Buefy 组件在 nuxt 上制作导航栏。我实际上有我在这个导航栏中使用的下拉组件并且有问题。这是我在 nuxt 中的导航栏组件

所需数组

在布局目录中,我有我调用的landing.vue 文件website-navbar

现在,当我在页面中使用此着陆布局并单击下拉项时,它不会将我引导至该链接。localhost:3000/academics/1 也在工作,所以我已经正确配置了我的路由器,但是下拉项并没有引导我到那个链接

0 投票
1 回答
315 浏览

buefy - Buefy b-table headers 无法识别 CSS 样式

我正在尝试更改我的 b 表标题的背景颜色,但无法识别该样式。

有人对故障的可能性有任何建议吗?

0 投票
1 回答
1920 浏览

buefy - Buefy:如何获取上传文件的二进制内容?

问题

当我将<b-upload>组件添加到页面时,它看起来很棒,我能够向其中添加文件,并且能够获取文件的名称。但是如何获取文件内容

我试过的

  1. 上传组件的文档提及File对象。当我在运行代码中检查这些对象时,我只看到文件元数据,例如文件大小和名称。我没有看到任何二进制文件数据。
  2. 我发现这个 CodePen看起来很有希望,但是当我尝试上传文件时它会引发错误:

无法在“FileReader”上执行“readAsText”:参数 1 不是“Blob”类型

这是来自该 CodePen 的 HTML:

这是Javascript:

0 投票
1 回答
659 浏览

bulma - Buefy 表中的头像/图像

我们如何将图像放入表格单元格中。数据库具有图像的 URL,但不确定如何进入常规 Buefy 表行,例如第二个单元格?

0 投票
2 回答
1671 浏览

javascript - 在 Vue.js 2.0 中将 css 类添加到 HTML 或 BODY 标签

我正在使用 CSS Framework Bulma,分别是他们的Navbar组件。为此,我需要向 HTML 或 Body 元素添加一个 css 类:

<html class="has-navbar-fixed-top">

如何使用 vue.js 2.0 添加类?

0 投票
1 回答
135 浏览

contenteditable - Buefy / Bulma:contenteditable div 使 Safari 崩溃

当您创建一个 contentEditable div 时,包括 Buefy/Bulma 样式表,在 Safari 中打开网页,将光标放在可编辑 div 中,然后尝试输入文本,Safari 就会冻结。

触发错误的 HTML:

我正在使用 Safari v13.0.3 和 Buefy v0.8.8。

0 投票
1 回答
967 浏览

forms - Veevalidate - Buefy - 我如何在 ValidationProvider 之外使用错误?

我尝试在标签之外使用 ValidationProvider 错误,但它不起作用。这是我的代码:

问题是,这段代码errors.phone此时不存在。我想我在对提供者进行任何验证之前尝试使用它,因为如果我使用errors而不是errors.phone,它可以工作,但它返回对象电话而不是验证错误。

我想我需要初始化errors.phone,但我不知道如何在提供程序之外使用 v-slot 变量。

希望大家能理解我的问题,谢谢大家的帮助!

0 投票
0 回答
297 浏览

vue.js - 未知的自定义元素:

我在我的项目中使用了 buefy 并且它有效,但是在将 buefy 从 v0.7.10 更新到 v0.8.8 之后,在我进行重大更改时出现了一些错误。

我要解决的错误是我b-notification以编程方式打开的用法。

一步一步,这是我的用法:

  • Messages.js(是我使用 b-notification 的文件)
  • Globals.js
  • Plugins.js(是我导入/初始化 vue 和 buefy globaly 的地方)
  • Main.js(最后是所有设置文件的加载位置)
  • Upload.vue(是我使用 Messages.js 函数的文件)

好吧,我的问题是我使用了该函数this.showErrorMessage(message)(在 Messages.js 文件中初始化)并且它不起作用。

这给了我错误信息:Unknown custom element: <b-notification> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

坦克你帮助我。

0 投票
1 回答
4719 浏览

vue.js - 在 vue.js 中使用 SASS 自定义 Buefy

我是这方面的初学者,我正在努力改变 buefy 元素的风格。特别是 buefy 选项卡。

在我的组件中,我有这种风格:

我的标签格式如下:

链接颜色和原色按预期更改。但是选项卡保持原来的颜色。

有两点我觉得很奇怪:

  1. 如果我将此样式移至 App.vue 并删除“作用域”-样式不起作用。但是 - 原色和链接颜色变为紫色(不是我预期的绿松石色,如果我只是从组件中删除 $colors 就会出现这种情况)。我认为添加到 App.vue 的所有样式都适用于所有组件?
  2. 为什么选项卡不改变颜色?我有错误的变量吗?如何找到正确的变量?此处使用的变量位于 bulma/sass/components/tabs.sass 中。

node-sass 和 sass-loader 都已安装。

希望有人能让我感觉更开明。

0 投票
1 回答
1090 浏览

vue.js - vue-select,buefy CSS 不能用于生产 NUXT.JS

我正在使用带有 nuxt.js 的 buefy 自动完成组件。我已经导入了 CSS 文件。并且 CSS 在本地主机上正常工作,但在实时服务器上不工作。我认为问题可能出在 buefy 上,但我在使用 vue-select 自动完成时遇到了同样的问题。

本地服务器上的一切都很完美,但是当我将文件移动到实时服务器并num run build注意 buefy 和 vue-select 的工作时。

注意:所有 CSS 的其余部分都可以正常工作

本地主机

在此处输入图像描述

生产

在此处输入图像描述

而且它不仅是自动完成组件,没有任何 buefy 组件在工作,单选按钮,日历等。

一点指导将不胜感激。谢谢