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

vue.js - Vee-Validate:具有多个条件的相关下拉列表

我的表单有三种依赖输入方式,需要验证。

  1. 第一个下拉菜单
  2. 第二个下拉菜单
  3. 第三自由文本

形式

我需要帮助来实现required_if条件,因为语法有点令人困惑,无法让它发挥作用,并解决以下问题

  1. 当 [Issue Category] ​​的值为 'Other (Enter Detail)' 时,需要禁用 [Issue],[Detail] 字段成为必填项。
  2. 当 [Issue] 的值为 'Other (Enter Detail)' 时,[Detail] 字段成为必填项。
  3. 第二个下拉菜单需要 v-bind:key,但不确定如何使用数字来删除控制台中出现的错误。

代码沙盒

0 投票
1 回答
253 浏览

vue.js - Veevalidate:在 POST 请求之前验证表单?

我正在使用VeevalidateBuefy在 POST 请求之前验证表单。我能够正确验证表单,但 POST 请求方法在验证之前运行。

我对如何按顺序调用方法有点困惑:

  1. 验证表格
  2. POST 请求

密码沙盒: https ://codesandbox.io/s/mj1vy2vq0j

代码概述

0 投票
1 回答
830 浏览

javascript - 使用 Column 元属性悬停 Buefy 表格单元格?

我有一个 Buefy 表,它没有b-table-columns并使用:data:columns填充 json 数据点。我需要使用 an@onhover来显示单元格表的其他数据点。

我知道我可以像下面的代码一样使用tooltip-bfor :b-table-column

但我正在寻找一些不必使用的东西b-table-column,因为我必须用b-table-columns.

我注意到一个元属性可以包含 buefy 表列中的任何内容。

我应该使用类似的东西:meta="function(cellIndex)"吗?

0 投票
1 回答
4425 浏览

vue.js - 如何在 buefy 中添加 b 表列?

我正在使用 buefy 的 b 表。

我写了类似的代码<b-table :data="movies">,但我的电影总共只有三个值。

但是,我想将编辑和删除按钮添加到单元格中,包括表格中电影的信息(3)。

我单方面加了b-table-column,但是表格线被截断了。

我该如何解决这个问题?

0 投票
1 回答
895 浏览

vue.js - 如何使用 Vue.js 重置单击 Beufy 表时发生的排序事件

我正在通过 Vue.js 和 Buefy 开发前端。

我正在使用 Buefy 的表格按特定字段上的点击事件进行排序。当然,我的表格默认是按创建顺序排序的。(后端)我想做的是一个临时对齐,可以像现在一样在前端完成。

这已经很完美了。但是,当前的列点击事件不会返回到默认的排序顺序(创建顺序),除非它们被刷新。

我希望你能理解我的话。如果您需要其他代码或解释,请随时告诉我们。

谢谢阅读。

我在等你的帮助。

组件.vue

0 投票
2 回答
2964 浏览

css - 如何更改 bulma 占位符颜色?

我需要更改 bulma CSS 占位符的颜色。我可以将下面的代码用于不是 bulma 的正常输入的占位符,

但它不适用于由 bulma 供电的 buefy 输入字段。我想让你知道我已经为 bulma 编辑设置了 sass,它工作正常,但我不知道输入字段类的占位符来切换它。

0 投票
3 回答
2164 浏览

input - 用于 buefy 输入的慢 v-model,v-model.lazy 也不起作用

当连接到我的 buefy 数据表的 buefy 表单中触发 GO 按钮时,我有几个输入框通过 v-model 连接到数据。

我的表中的行可以是 2000 到 3000,我的分页不能少于每页 250。

我尝试使用v-model.lazy,但似乎不起作用b-input(buefy 输入字段)。

现在的问题是输入的初始填充一点也不慢,但是当表已满并且用户尝试编辑输入字段时,字段会出现延迟。

当我将分页设置为每页 50 个结果时,没有滞后,但我的问题是我不能有 50 个结果,我必须每页有 250 个结果。

谁能想到 Vue 中的解决方案?

0 投票
1 回答
493 浏览

vue.js - Buefy Timepicker 关注变化

早上好。我对 buefy timepicker 有疑问。如果我使用“清除”或“现在”按钮而不是选择时间,它会起作用。这似乎是从最近的 buefy 更新开始的。

https://codepen.io/anon/pen/JqBKGE?&editable=true&editors=101

JS

有什么建议么?

0 投票
1 回答
2262 浏览

javascript - 单击 Buefy 选项卡时如何触发方法?

这个问题说明了一切,但我在 Buefy 中有 3 个选项卡,前两个(摘要和详细信息)我已经覆盖并按预期正常工作,但第三个选项卡是一个注销按钮,所以当我点击它时,我想触发一个方法警报(””)。

我的 buefy 选项卡只是来自这里的标准页面,看起来像:

我曾尝试在 b-tab-item 中单击一次,但这没有用,文档说有一个事件:

但我不知道如何捕获已单击第三个选项卡以触发一些代码。

0 投票
1 回答
1031 浏览

vue.js - Buefy 自动完成搜索 在右侧添加清除图标?

我在我的 vue-cli 项目中使用 Buefy。如何在自动完成的右侧添加一个清除图标?

所需结果的屏幕截图

https://buefy.org/documentation/autocomplete/