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

javascript - CSS Carousel 在 Gridsome 应用程序中不起作用?

我目前正在尝试使用 Buefy CSS 框架设置我的 Gridsome 应用程序的样式。除了 Carousel 之外,其他一切都运行良好(按钮、卡片等)。特别是<b-carousel>标签。

这是代码

请帮忙

0 投票
2 回答
457 浏览

vue.js - 未知的自定义元素:使用 Buefy 时的 x

我遵循 Buefy 指南

在 main.ts

在 Home.vue 中(查看)

然后当我运行时,我得到了这个错误

我认为 Vue.use(Buefy) 会加载所有组件?

为了让 Buefy 工作,我缺少什么?

0 投票
1 回答
501 浏览

vue.js - 如何在 Buefy Carousel 中用本地图像替换占位符图像?

我已将 Buefy 轮播组件从https://buefy.org/documentation/carousel#carousel-list复制到我的 Gridsome 项目中。轮播以其提供的占位符图像正确显示。这些在 data() 段中的数组中,例如

现在我想要我的图像,而不是 Buefy 占位符。我找不到定位本地图像的正确方法。我尝试了很多东西,包括

我的尝试要么破坏轮播,要么在其中显示断开的链接。

0 投票
1 回答
1527 浏览

vue.js - 设置 buefy元素到全宽

如何更改项目以填充 100% 宽度?

找不到任何选项,我无法将 css 规则应用于 .dropdown-trigger 元素。

0 投票
1 回答
1066 浏览

vue.js - 如何在 Buefy 轮播组件中设置 itemWidth?

我在单个文件组件中使用Buefy Carousel Listfrom 。我需要将幻灯片的宽度从默认(476.25)更改为我自己的图像(176)。https://buefy.org/documentation/carousel#carousel-listGridsomewidth

Vue dev工具中,我可以手动覆盖 data prop itmeWidth。这显示正确,并且 Vue 开发工具显示计算的道具已更改为itemStyle: "width: 176px;"

如何将新宽度编码到组件中?我尝试过通过样式(.carousel-slide width: 176px)、数据道具(itemWidth: 176)和计算道具(itemStyle: "width: 176px;")。所有都被忽略并应用默认宽度。

0 投票
1 回答
444 浏览

javascript - 如何在用户重新加载页面或退出我的 vuejs 应用程序之前执行操作

因此,我使用的是 2.6.11 版本,并且在用户退出我的应用程序或重新加载页面之前执行操作时遇到了一些困难。

我正在将 CRM 与电话集成。当用户访问我的应用程序时,他需要登录(不是在我的应用程序中,而是在我使用 SignalR 访问的集线器中),因此我可以执行一些操作,例如拨打电话、接听电话和处理我的事件从集线器接收。问题是:如果用户重新加载页面或退出页面,我需要将他从集线器连接中注销。

使用角度时,解决方案非常简单,我只需要调用:

...但我不能用 vue 做到这一点。我一直在尝试使用beforeDestroykeep-alivedestroyed和其他方法,但它们都没有帮助我实现目标。我尝试了纯javascript,例如:

...但由于某种原因,即使这也没有帮助我解决问题。

我真的不知道这是否是我的错误,或者这是否还没有在 vue 上实现,但我在互联网上没有发现类似的问题。框架内是否有任何解决方案,或者我可以使用 javascript 在用户退出或重新加载页面之前执行操作吗?

0 投票
1 回答
543 浏览

javascript - Vue.js 警告您可能在组件渲染函数中有无限更新循环

我对 Vue.js 和 Buefy 很陌生,我相信我理解为什么会发生这种情况,但不知道如何解决它。

我有一个按国家排序的项目合作伙伴列表,我需要输出一个带有复选框的列表(无论如何我在页面上使用 Buefy)和国家名称作为标题(仅当有一个“新”国家时)。这以浏览器执行无限循环(使用 console.log 验证)结束,并且 Vue Devtools 发出警告“您可能在组件渲染函数中有无限更新循环”。

我相信这是因为更改 prevTitle 会触发重新渲染。我知道不可能将参数传递给计算属性,并且我无法使用我发现的任何技巧来使 partner.country 在那里可用。

然后我尝试创建一个计算属性,在其中进行所有处理而不是模板中的 for 循环,并返回一个包含所有内容的字符串,包括 Buefy 标记,这将被称为

但是那些 Buefy 标签不能正确呈现,只有 HTML 标签可以工作,浏览器会忽略 Buefy 标签,只显示正常的文本。

任何想法如何使它工作?暂时我在名称等之后为每个合作伙伴打印国家名称,但这不是应该如何工作的。

0 投票
1 回答
923 浏览

vuejs2 - 如何设置 Buefy 按钮的样式,使其看起来像文本链接

我正在尝试将 Buefy 按钮设置为看起来像一个简单的文本链接。

例如,可以使用:

这会产生接近我正在寻找的结果,除了我想实现一种类型,例如is-text-red并使is-text-blue按钮显示为特定颜色的文本。

我可以通过简单地使用来解决这个问题:

但我想用来<b-button type="is-text-red">做一个内联链接。

谁能给我指出一个涉及 Bulma CSS 和/或 Buefy CSS 修改的方向来实现这一目标?

我正在查看 node_modules BButton 组件,它看起来像是type传递了道具,因此看起来可以在某个类似于is-infoand的地方创建自定义类型is-warning

我想要纯文本版本,例如is-text-infois-text-warning所以我可以使用按钮组件来放置内联锚标记。

简而言之,一个人如何添加另一种<b-button>提供任意样式的类型?

0 投票
1 回答
2583 浏览

vue.js - 导航栏在buefy中透明

我正在创建一个土地页面,由于缺乏实践,我面临着一些风格上的困难。

我想修改导航栏的背景,所以我想让背景透明,以便出现页面底部。我怎样才能做到这一点?

在此处输入图像描述

谢谢

0 投票
1 回答
652 浏览

vue.js - VUE 如何点击图片并重定向到页面?

我想在图像中添加链接。我怎样才能点击“fork me ...”并重定向到http?

我正在使用 Vue。 在此处输入图像描述