问题标签 [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.
vue.js - 导航栏下拉菜单没有指向给定的链接
我正在尝试使用 Buefy 组件在 nuxt 上制作导航栏。我实际上有我在这个导航栏中使用的下拉组件并且有问题。这是我在 nuxt 中的导航栏组件
所需数组
在布局目录中,我有我调用的landing.vue 文件website-navbar
现在,当我在页面中使用此着陆布局并单击下拉项时,它不会将我引导至该链接。localhost:3000/academics/1 也在工作,所以我已经正确配置了我的路由器,但是下拉项并没有引导我到那个链接
buefy - Buefy b-table headers 无法识别 CSS 样式
我正在尝试更改我的 b 表标题的背景颜色,但无法识别该样式。
有人对故障的可能性有任何建议吗?
buefy - Buefy:如何获取上传文件的二进制内容?
问题
当我将<b-upload>
组件添加到页面时,它看起来很棒,我能够向其中添加文件,并且能够获取文件的名称。但是如何获取文件内容?
我试过的
- 上传组件的文档提及
File
对象。当我在运行代码中检查这些对象时,我只看到文件元数据,例如文件大小和名称。我没有看到任何二进制文件数据。 - 我发现这个 CodePen看起来很有希望,但是当我尝试上传文件时它会引发错误:
无法在“FileReader”上执行“readAsText”:参数 1 不是“Blob”类型
这是来自该 CodePen 的 HTML:
这是Javascript:
bulma - Buefy 表中的头像/图像
我们如何将图像放入表格单元格中。数据库具有图像的 URL,但不确定如何进入常规 Buefy 表行,例如第二个单元格?
contenteditable - Buefy / Bulma:contenteditable div 使 Safari 崩溃
当您创建一个 contentEditable div 时,包括 Buefy/Bulma 样式表,在 Safari 中打开网页,将光标放在可编辑 div 中,然后尝试输入文本,Safari 就会冻结。
触发错误的 HTML:
我正在使用 Safari v13.0.3 和 Buefy v0.8.8。
forms - Veevalidate - Buefy - 我如何在 ValidationProvider 之外使用错误?
我尝试在标签之外使用 ValidationProvider 错误,但它不起作用。这是我的代码:
问题是,这段代码errors.phone
此时不存在。我想我在对提供者进行任何验证之前尝试使用它,因为如果我使用errors
而不是errors.phone
,它可以工作,但它返回对象电话而不是验证错误。
我想我需要初始化errors.phone
,但我不知道如何在提供程序之外使用 v-slot 变量。
希望大家能理解我的问题,谢谢大家的帮助!
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.
坦克你帮助我。
vue.js - 在 vue.js 中使用 SASS 自定义 Buefy
我是这方面的初学者,我正在努力改变 buefy 元素的风格。特别是 buefy 选项卡。
在我的组件中,我有这种风格:
我的标签格式如下:
链接颜色和原色按预期更改。但是选项卡保持原来的颜色。
有两点我觉得很奇怪:
- 如果我将此样式移至 App.vue 并删除“作用域”-样式不起作用。但是 - 原色和链接颜色变为紫色(不是我预期的绿松石色,如果我只是从组件中删除 $colors 就会出现这种情况)。我认为添加到 App.vue 的所有样式都适用于所有组件?
- 为什么选项卡不改变颜色?我有错误的变量吗?如何找到正确的变量?此处使用的变量位于 bulma/sass/components/tabs.sass 中。
node-sass 和 sass-loader 都已安装。
希望有人能让我感觉更开明。