问题标签 [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.
nuxt.js - 如何在 Buefy 中使用 nuxt-link 标签?
在 Buefy navBar 组件中的 item 元素有
它呈现标准a
的 html 标签。单击时,页面重新加载。我想nuxt-link
在不重新加载页面的情况下使用 Nuxt 标签。
此代码有效,但我的 css 设计 Bulma 导航栏损坏了。
vuejs2 - 在 Vue.component 中显示数据的问题
我正在尝试使用 vue.component 来显示一些数据,这是我的 html 和 js 文件
我遇到的问题是当我打开页面时没有显示模板,并且在控制台或 Vue 开发选项卡中没有任何错误。如果我删除
并将其替换为显示消息的一些文本。这对我来说表示数据未正确发送。
知道我做错了什么吗?
干杯,
es
vue.js - Buefy 表未在 nuxt 项目中呈现
我使用 nuxt 和 buefy 开箱即用,我只想显示一个带有虚拟数据的表格。但是没有任何东西被渲染。我从 Buefy 文档中复制了代码。
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"
自定义类,它也不起作用。
vue.js - 使用 CDN 的 Nuxt Buefy 组件
我是 nuxt 的新手。我想知道是否可以仅通过使用 CDN 在 nuxt 上使用 Buefy,因为我直接在 nuxt.config 的头函数中的脚本中导入了 beufy CDN 但是在使用 beufy 的导航栏时出现错误,该组件未正确注册。
vue.js - 如何从 api 获取 taginput 数据
我有一堆标签存储在数据库中,可以通过 API 获取它们。在我的模板中使用我的标签没有问题 - 除了我真正需要它们的地方:在标签列表中。
我是 vue 的业余爱好者和新手,所以我怀疑问题不在于 Buefy 元素。当我用常规数组替换它时,taglist 起作用。在我对 Vue 如何以及何时获取各种数据的理解中,更有可能缺少一些东西?
我试图简化我的代码 - 希望它不会过于简化。
标签未显示在列表中,我的控制台告诉我 data() 等中未定义“标记器”。
这是我的业余同步思维没有理解 Vue 的工作方式,对吧?请帮我弄清楚接下来要读什么。两天的大部分时间里,我一直在谷歌上转圈子:-(
vue.js - Buefy - 单击任意位置时关闭通知
我想知道是否可以修改buefy 的通知系统,以便当我单击通知上的任何位置时它会自行关闭,而不仅仅是在生成的 x-cross 上closable: true
。
我一直在寻找解决方案来改变 buefy 元素的默认行为,但我没有发现任何接近的东西(没有双关语)。任何帮助将不胜感激。
编辑:我想通过点击它来关闭通知,而不是在它之外。但我不知道如何将 onClick 行为作为一个整体附加到 buefy 元素。
forms - 如何使用 VueJS 将动态复选框表单绑定到单个数组?
我有一个由我从后端收到的 N 个问题组成的动态表单,该表单随机包含所有输入类型,如文本、单选和复选框。但是复选框的答案我不能存储在与其他答案相同的数组中,因为当我选中一个框时,会同时检查所有其他框,并且我在输入值的数组位置上只得到真或假. 我该如何解决这个问题?
这是我的代码示例。
完美运行
不工作
我做错了什么?
vue.js - Buefy 导航栏组件中可能存在的错误
Buefy 导航栏组件忽略了mobile-burger
道具值。
根据文档https://buefy.org/documentation/navbar/,如果此道具为假,则不应在手机上显示导航栏汉堡。但看起来实际上并非如此。
我预计如果我设置 mobile-burger="false" 那么汉堡将不会显示在手机上。但我没有看到任何变化。
有人知道怎么修这个东西吗 ?