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

vuejs2 - 如何以编程方式确定 Buefy 输入字段是否有错误?

我正在研究 Buefy 输入字段并寻找一种可以告诉我任何表单字段是否有任何错误的方法。Buefy 输入文档

如果没有可用的方法,那么我们如何编写自定义方法来确定它。这将有助于禁用提交方法等以及其他用例中的更多功能。

0 投票
1 回答
2336 浏览

vue.js - 如何按字母顺序对 Vue.js / Buefy 形式的选项列表进行排序?

目前,我使用 Vue.js / Buefy 表单显示每个城市的酒店列表:

我应该添加什么来按字母顺序对它们进行排序?我不知所措,因为我不太了解 Vue / Buefy,而且我正在修改其他人编写的代码。

谢谢!

0 投票
3 回答
2671 浏览

vue.js - 如何阻止 Vue.js 在选择选项中选择第一个选项?

我的 Vue/Buefy 应用程序会自动从列表中选择第一个选项:

我该如何避免呢?我只想默认选择空字段(或根本不选择任何内容)

0 投票
2 回答
2805 浏览

javascript - vuejs - 如何绑定两个条件以启用提交按钮?

我想尽可能简单地验证我的输入。

因此,如果输入不为空,则应检查输入,并且必须检查复选框以启用提交按钮。

目前,我只能绑定必须选中复选框的条件,但我不知道如何绑定 input.length != 0 条件。

当前代码:

我读到计算属性可以完成这项工作,但在我的情况下我无法让它工作。

多谢你们。

0 投票
1 回答
1921 浏览

input - 如何在事件后清除 Buefy 输入(VueJS)?

我正在尝试使用事件清除 Buefy 输入,但没有发生任何事情。但是,此代码适用于基本输入。

这是我的 HTML:

这是我的脚本:

0 投票
2 回答
3119 浏览

javascript - 无法设置 buefy 模态宽度

我正在使用带有 bulma 和 buefy 的 vuejs。我正在使用 buefy modal 并尝试使用其“width”属性设置模态宽度。我试图在 html 中指定它以及使用 javascript 打开模式。

有人可以帮帮我吗。

0 投票
1 回答
2806 浏览

javascript - Vue / Buefy 的 Datepicker 组件选择了错误的日期

我在页面上的表单中使用 Vue / Buefy 作为日期选择器(第二步)https://waytorussia.net/Services/VisaSupport/Tourist.html

有时只有出生日期被选错:例如,用户选择了 1975 年 6 月 5 日,但记录的数据是 1975 年 6 月 6 日或 1975 年 6 月 4 日。

我们认为问题出在服务器上,所以我们将选择的日期作为字符串传输(以确保没有更改)但现在我们认为问题出在 Vue 中(特别是据报道 datepicker 组件有这个错误)。

我们尝试改变

getDategetUTCDateDatepicker 组件中,但这并不能解决问题。

你有这方面的经验吗,或者你知道去哪里找吗?

0 投票
1 回答
1402 浏览

css - 如何避免 Buefy 中的响应式表格

在 Buefy 表中,我需要将数据显示为常规,在所有媒体上水平列,而不是在移动设备上显示堆叠的卡片。为了适应内容,我使用媒体查询来简单地隐藏除最重要的列之外的所有列。

隐藏详细的列数据有效,但当视口较小时,表格仍会切换到卡片视图。

有什么办法可以禁用响应行为?注意我只想为这个表或视图执行此操作,我不想以不同方式设置全局断点或完全在应用程序中禁用反应表。

0 投票
1 回答
1217 浏览

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我正在使用 Buefy CSS 框架,它提供了自定义的 vue-js 组件,例如<b-input>and <b-table>,我在测试<b-input>标签时遇到了问题。

我的测试代码中的 expect 语句应该通过,因为当我使用<input>标签而不是<b-input>. 但是,触发 'input' 事件对data 属性<b-input>没有任何作用。name

在此处输入图像描述

有谁知道我如何正确地对<b-input>标签进行存根,以便我可以将其完全作为<input>标签进行测试?

0 投票
1 回答
1555 浏览

laravel - Vue js 在我的 laravel 中不起作用

我正在遵循DevMarketer的教程,但在Vue commands

不要在我的代码上工作。我运行npm run devnpm run watch生成错误,但是,似乎我的代码完全正常工作,然后我developer tool在浏览器上检查,然后错误弹出来自root.

错误消息是:
[Vue 警告]:属性或方法“password_options”未在实例上定义,但在渲染期间被引用。通过初始化该属性,确保该属性是反应性的,无论是在数据选项中,还是对于基于类的组件。请参阅:https ://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 。

这是细分:

开发工具vue错误:

组件代码: