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

javascript - 过滤输入文本以仅输入数字,甚至不输入小数

我的目标是让用户只输入 [0-9] 中的数字,甚至不允许输入小数

怎么做?

编码

来自<b-input>buefy https://buefy.github.io/documentation/input/

0 投票
1 回答
3691 浏览

vue.js - buefy 程序化模式从子级获取父级中的数据

使用 buefy Programmatic 模式如何在关闭事件时将数据从子组件返回到父组件。我有以下方法我可以收听关闭事件但我不知道如何获取数据

0 投票
1 回答
941 浏览

javascript - 如何使用正确的 isLoading 属性创建默认的 Vuex 状态

我创建了直接在 store.js 文件中调度的操作,以创建“默认”状态。我有一个默认的状态属性:

我调度了一个使用有效负载进行多次提交的操作:

我的 IS_LOADING 提交似乎永远不会发生,并且突变没有记录在 Vue devtools Vuex 部分中。我的 SET_POSTS 和 SET_PROJECTS 提交发生并被记录。

我正在通过 ...mapState 访问几个组件中的 isLoading ,并且 isLoading 附加到 Buefy 组件:

关键是在需要来自 api 的数据的组件上渲染一个动画加载轮。那么,为什么我的 IS_LOADING 突变不起作用?任何帮助表示赞赏。

我想将调度调用保留在 store.js 文件中。站点内的多个位置都需要 API 数据,因此在 store.js 中调度操作对我来说很有意义。

我是 Vue 和 Vuex 的新手,所以请让我知道我没有实施最佳实践的地方。

0 投票
2 回答
1777 浏览

vue.js - 无法将 Bulma 的 Buefy 添加到 Vuejs 项目

我有一个 Vus.js 项目,我想添加 bulma 框架和/或 buefy。

我跑npm install bulmanpm install buefy

在 main.js 中,我有:

在 App.vue 中,我还尝试加载 bulma:

在资产/scss 中:

我重新启动了 vue 服务器,但没有显示 bulma/buefy 样式。

0 投票
1 回答
614 浏览

vuex - Buefy、Vuex、Toast:找不到声明文件

我想使用 Toast 显示来自我的商店的消息。根据文件我必须

但随后打字稿警告:

找不到模块“buefy/dist/components/toast/index.js”的声明文件

当我将 Toast 导入为

打字稿似乎很满意,但是 Toast 不起作用。

0 投票
0 回答
1304 浏览

javascript - Buefy 表后端排序似乎不起作用

我有大量数据要显示在 Buefy 表中,并且正在尝试使用backend-sorting对列进行排序。但是当我在表格中添加后端排序关键字时,它不会排序。如果我删除它,那么表格只对那个特定的页面进行排序,我有 100 页,我需要一起排序。在这里感谢一些帮助,谢谢。(我对 vue 和 buefy 完全陌生,在后端使用 c#)

0 投票
3 回答
670 浏览

javascript - 更改 Buefy 库 (Vue.js) 的 TagInput 元素中的默认行为?

在我的Vue.js( version 2.5.22) 应用程序中,我使用Buefy库中的 UI 组件。我使用taginput元素。如果我有 5 个标签的限制,如下例所示,当输入有 5 个标签时边框消失。

问题:是否有可能改变这种行为?无论如何,我想显示边界。

0 投票
2 回答
2725 浏览

vue.js - 如何使用 Buefy 进行非表格分页

我希望为我的班级项目进行分页,目前使用 Vue.js 和 Bulma + Buefy。我有一个对象数组,我想每页显示 5 个。已经完成布局和一切,我只想知道如何使分页工作。抱歉无法发布代码,因为它在这里显示不正确,但我正在使用 v-for 来显示每次迭代。非常感谢!

0 投票
1 回答
1605 浏览

javascript - Buefy:锁定表头并仅使行可滚动

有没有一种方法可以锁定/使表格组件的标题保持不变并且只允许行滚动?

0 投票
2 回答
3370 浏览

laravel - Buefy datepicker with Laravel:预期日期,得到字符串

我有一个表单,该表单由从 API 请求接收到我的后端的数据填充。

我正在使用 v-model 将数据绑定到字段(例如):

一切正常。但是当谈到Buefy 日期选择器时,我收到以下警告:

无效的道具:道具“值”的类型检查失败。预期日期,得到字符串。

这是正确的,因为这是我从 Laravel 得到的值是“2019-02-01 00:00:00”。我正在尝试使用 Buefy 属性日期解析器将此字符串解析为日期,但没有运气:

更新:

这是数据对象:

然后我使用Axios.get从服务器获取数据并将它们分配给 fields 对象,如下所示:

这是在 Vue DevTools 中查看 fields.budget_date 的方式:

在此处输入图像描述

知道如何克服这个问题吗?先感谢您。