问题标签 [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 回答
2771 浏览

css - 如何使用 Bulma 创建一系列按钮在 css 中右对齐的行?

我正在使用 Bulma(以及带有 Vue 的 Buefy),并且我有一个面板,其中包含如下定义的一系列项目:

看起来像这样:

截屏

我如何获得它以使按钮在右侧而不是左侧对齐?

0 投票
1 回答
284 浏览

vue.js - 单击按钮后更新 b 字段消息

我是 Vue 的新手,我正在尝试做一个简单的事情,即b-field在单击按钮后显示结果。

下面是我的 Login.vue 代码

我在更新b-field带有名称的内容时遇到问题result...this.result不会更新b-field.

0 投票
1 回答
1550 浏览

javascript - Vue/Buefy - 隐藏路由器链接点击/SPA 上的下拉菜单

我在使用Buefy和 Vue 时遇到了一些问题。我有一个简单的 SPA(单页应用程序),它使用vue-router. 我有一个如下所示的下拉列表:

让下拉菜单显示效果很好。如果我单击页面上可见下拉列表之外的任何位置,它也会隐藏。

我的问题是,我有一个单页应用程序,所以当我“更改”页面(单击链接)时,页面更改时下拉菜单仍然可见。

例子:

在下面的页面上:

我单击打开的下拉菜单,然后单击dashboard链接,它给了我:

但下拉菜单仍然可见。

任何人都知道我该怎么做,所以当我点击里面的链接时下拉菜单会切换吗?

更新: 我在 Chrome 中使用 Vue Dev 工具,我可以看到,当我单击下拉列表以使其切换到活动状态时,我看到了:

当我单击页面上的任意位置以关闭下拉菜单时,它看起来像这样:

0 投票
2 回答
3701 浏览

vue.js - 如何将背景颜色应用于 buefy 表?

我有一张这样的表,想附加 bulma 类“有背景颜色暗”

提前致谢。

0 投票
1 回答
143 浏览

vuejs2 - 无法让 .vue 单文件组件与 NWjs 一起使用

下午好,我正在使用 NWjs 在其 0.26.1 版本中制作桌面应用程序我正在使用带有 XfCE4 的 Ubuntu 服务器 16.04 来开发我想使用 Vue.JS 作为数据部分并使用 buefy 作为其 UI 组件的应用程序。但由于这个 UI Vue 框架使用单个文件 .vue 文件组件,我面临这个错误

我已经能够使用 webpack 毫无问题地生成一个 bundle js 文件,但是 NWjs 坚持解析单个文件组件中的 HTML 标签。

样机组件如下

任何关于这方面的信息都会有非常宝贵的帮助,在此先感谢。

0 投票
1 回答
36 浏览

vue.js - 图标在表格列内停止工作

我的图标发生了奇怪的事情

在此处输入图像描述

myDir 通过

0 投票
1 回答
795 浏览

javascript - 无法访问 .beforeEach() 中的 Buefy 组件

我正在尝试从 Buefy 访问 Toast 组件,以在每次有人尝试访问仅身份验证视图时显示错误:

但是Toast未定义,我确实已经Buefy导入并Vue.use(Buefy)编写了。

我该如何解决这个问题并在此处访问 Toast。提前致谢。

0 投票
4 回答
9780 浏览

vue.js - buefy 中的字体真棒图标

我正在尝试将我的项目从bulma + jQuery切换到buefy。我从 cdn 加载buefyvuefont awesome(buefy@0.6.7,vue@2.5.17,字体真棒 5.2.0)。我对图标的主要问题。我的项目使用了很棒的字体图标。并且默认的 buefy iconPack 是材料设计。它必须支持字体真棒。我试图更改默认图标包,但没有任何作用:

同样什么都没有:

所以我需要为每个图标明确指出图标包。

第二个问题是,即使在这种情况下,buefy 也补充fa-lg说我根本不需要。例如对于 b-tab-item 组件

它呈现:

是否有可能改变这种 buefy 行为?

0 投票
2 回答
1965 浏览

vue.js - 如何在 Buefy 中配置 Font Awesome

有人可以告诉我一些如何使用 NPM 将 Font Awesome 5 字体添加和配置到 Buefy 的示例。

这方面的文档非常稀少。谢谢!

https://buefy.github.io/documentation/start

0 投票
0 回答
343 浏览

buefy - 在 Buefy 表上添加 id 属性

我找不到在 Buefy 表(b-table 元素)上设置 id 属性的方法。当无法通过 id 识别元素时,它使我的应用程序的自动化测试非常脆弱。