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

nuxt.js - 如何在 Buefy 中使用 nuxt-link 标签?

在 Buefy navBar 组件中的 item 元素有

它呈现标准a的 html 标签。单击时,页面重新加载。我想nuxt-link在不重新加载页面的情况下使用 Nuxt 标签。

此代码有效,但我的 css 设计 Bulma 导航栏损坏了。

0 投票
1 回答
135 浏览

vuejs2 - 在 Vue.component 中显示数据的问题

我正在尝试使用 vue.component 来显示一些数据,这是我的 html 和 js 文件

我遇到的问题是当我打开页面时没有显示模板,并且在控制台或 Vue 开发选项卡中没有任何错误。如果我删除

并将其替换为显示消息的一些文本。这对我来说表示数据未正确发送。

知道我做错了什么吗?

干杯,

es

0 投票
0 回答
150 浏览

vue.js - Buefy 表未在 nuxt 项目中呈现

我使用 nuxt 和 buefy 开箱即用,我只想显示一个带有虚拟数据的表格。但是没有任何东西被渲染。我从 Buefy 文档中复制了代码。

0 投票
3 回答
1586 浏览

javascript - 组件上的不同@click事件 - VueJS

我的项目从 VueJS 和 Buefy 开始。

该组件有两个不同的动作 click :

  • 点击青色区域-> 重定向到其他页面(操作 1)
  • 单击洋红色区域-> 显示下拉菜单(操作 2)

在此处输入图像描述

但是当我点击Action 2时, Action 1总是有效的。

这是我的组件:

在我的组件内部,我有下拉菜单(使用 Buefy 组件):

我尝试使用不同的事件修饰符,但我无法获得预期的行为:

  • stop
  • prevent
0 投票
0 回答
1080 浏览

css - 我可以删除 Buefy-Bulma 布局组件中的填充吗?

我正在使用 Buefy 接口组件库在 Vue.js 上构建一个简单的待办事项列表,该组件库使用设计框架 Bulma ...

该应用程序设计为只有一个全宽页面,因此我使用了 bulma 的 Hero 布局组件:https ://bulma.io/documentation/layout/hero/

应用程序.vue:

问题是之间有太多的填充和边距<div class="title"><div class="hero-body">我想知道是否可以在课堂上删除这个填充(或至少其中一些).hero-body

我查看了文档并没有看到任何东西。我也尝试过使用我自己的 css 类,它似乎没有覆盖默认样式,并且绝对不会删除任何填充。

还尝试了"is-paddingless"自定义类,它也不起作用。

0 投票
1 回答
270 浏览

vue.js - 使用 CDN 的 Nuxt Buefy 组件

我是 nuxt 的新手。我想知道是否可以仅通过使用 CDN 在 nuxt 上使用 Buefy,因为我直接在 nuxt.config 的头函数中的脚本中导入了 beufy CDN 但是在使用 beufy 的导航栏时出现错误,该组件未正确注册。

0 投票
1 回答
250 浏览

vue.js - 如何从 api 获取 taginput 数据

我有一堆标签存储在数据库中,可以通过 API 获取它们。在我的模板中使用我的标签没有问题 - 除了我真正需要它们的地方:在标签列表中。

我是 vue 的业余爱好者和新手,所以我怀疑问题不在于 Buefy 元素。当我用常规数组替换它时,taglist 起作用。在我对 Vue 如何以及何时获取各种数据的理解中,更有可能缺少一些东西?

我试图简化我的代码 - 希望它不会过于简化。

标签未显示在列表中,我的控制台告诉我 data() 等中未定义“标记器”。

这是我的业余同步思维没有理解 Vue 的工作方式,对吧?请帮我弄清楚接下来要读什么。两天的大部分时间里,我一直在谷歌上转圈子:-(

0 投票
2 回答
695 浏览

vue.js - Buefy - 单击任意位置时关闭通知

我想知道是否可以修改buefy 的通知系统,以便当我单击通知上的任何位置时它会自行关闭,而不仅仅是在生成的 x-cross 上closable: true
我一直在寻找解决方案来改变 buefy 元素的默认行为,但我没有发现任何接近的东西(没有双关语)。任何帮助将不胜感激。

编辑:我想通过点击它来关闭通知,而不是在它之外。但我不知道如何将 onClick 行为作为一个整体附加到 buefy 元素。

0 投票
0 回答
269 浏览

forms - 如何使用 VueJS 将动态复选框表单绑定到单个数组?

我有一个由我从后端收到的 N 个问题组成的动态表单,该表单随机包含所有输入类型,如文本、单选和复选框。但是复选框的答案我不能存储在与其他答案相同的数组中,因为当我选中一个框时,会同时检查所有其他框,并且我在输入值的数组位置上只得到真或假. 我该如何解决这个问题?

这是我的代码示例。

完美运行

不工作

我做错了什么?

0 投票
1 回答
671 浏览

vue.js - Buefy 导航栏组件中可能存在的错误

Buefy 导航栏组件忽略了mobile-burger道具值。

根据文档https://buefy.org/documentation/navbar/,如果此道具为假,则不应在手机上显示导航栏汉堡。但看起来实际上并非如此。

我预计如果我设置 mobile-burger="false" 那么汉堡将不会显示在手机上。但我没有看到任何变化。

有人知道怎么修这个东西吗 ?