buefy

这个问题让我在开发 Vue 网站时感到困惑一段时间，我无法通过其他线程解决我的特定错误。 这个想法应该很简单，有一个在“light”和“dark”之间切换值的开关，并将类绑定到该值。 <template> <div id="app" :class='themeValue'> <!-- Switch component from Buefy UI !--&g... »

使用 Nuxt 和 Buefy 时如何自定义 Bulma 变量？ 似乎 Nuxt 在加载我的 Sass 变量之前加载了 Bulma/Buefy，我在其中设置了我的自定义值。 nuxt.config.js： export default { target: 'static', head: {}, css: [ '~/assets/bulma-vars.sass' ], p... »

我有一个 Nuxt 项目。我已经通过steps outlined in the docs 安装了 Buefy。那就是： 运行npm i nuxt-buefy 在 nuxt.config.js 中将'nuxt-buefy' 添加到modules 然后我通过运行开发服务器 npm run dev ...我在下面得到了这个口香糖。问题是，Buefy 没有说必须先添加postcss-custom-... »

我创建了一个 nuxt.js 项目并选择了 buefy 作为 UI 框架，一切正常，但是，我无法访问 Bulma 的变量来更改按钮的“is-primary”类的颜色，例如，有什么方法可以使用 buefy 作为 UI 框架来修改 bulma sass 变量？ 这是我在项目根目录下的一段 nuxt.config.js 文件： modules: [ // https://go.nuxtjs.de... »

使用以下配置，通过npm run dev 一切正常，但是当我们使用npm run build 时，出现错误： ./assets/scss/main.scss 中的错误 (./node_modules/@nuxt/postcss8/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./ node_modules/@nuxt/postcss8... »

Buefy 的 Dialog 组件需要一个 message 属性 - 字符串。根据文档，该字符串可以包含 HTML。我想在字符串中使用模板值，但当然应该是 XSS 安全的。 当前不安全的例子 这是不安全的，因为this.name 是不安全的。我可以使用 NPM 包对名称进行 html 编码，但我更喜欢使用 Vue。 <script lang="ts"> import Vue from ... »

我目前正在使用 Axios 构建的 Web 应用的 Store 页面来获取产品数据，然后将其显示在 vue 模板中。所有后端工作正常，前端也成功渲染，但是 Vue 在控制台中两次发出警告，说明： Error in callback for watcher "childItems": "TypeError: Cannot read property 'tag' of undefined" 为了解决这... »

我选择 buefy 作为前端框架来生成我的 nuxt 应用程序，它确实可以找到，但是当我将 package.json 脚本配置为使用 node server.js（用于自定义快速服务器）以开发模式而不是默认nuxt 命令buefy 不起作用。我尝试自定义 buefy 并将 scss 文件添加到 ~/assets/scss/main.scss 文件中，但它并没有改变任何东西。我不明白为什么当我使用 ... »

我正在使用 Buefy 网格并尝试将道具从 v-slot 传递到同一元素中的另一个属性，但我收到错误消息说“道具未定义”，即使它就在它的正上方。有关如何解决此错误的任何想法？ <b-table :data="rowsData"> <b-table-column v-slot="props" :cell-class="props.r... »

我有一个数组，格式如下。 let tableData = [ { 'id': 123, 'subArray': [ { 'subId': 'ABC123', 'name': 'subElement1', 'ischecked': true }, { 'subId': 'DEF123', 'nam... »

我目前正在将 Vue.js 框架与 buefy (0.9.2) 一起用于 UI 组件。这里的问题是当我单击删除图标时，b-table 组件有时不会在页面/ui 上更新（从表中删除该行）或当我单击添加新行按钮时。我可以确认操作（删除和添加行）本身工作正常。（我使用控制台日志和检查 vuex 存储验证了这一点。只是更改没有反映在页面/ui 中。 模板示例- <b-table ref... »

我想在我的项目中安装最新版本的 buefy，即 0.9.3。目前我已经安装了 0.8.3 如果我运行npm install -g buefy@latest，我会收到 npm WARN buefy@0.9.3 需要 vue@^2.6.11 的对等点，但没有一个是 安装。您必须自己安装对等依赖项。 buefy@0.9.3 在 0.511 秒内更新了 1 个包 但是，Buefey 0.8.2 仍... »

我正在检索一个包含几个字段作为列表的数据集。结果需要显示在 Buefy 表格 (https://buefy.org/documentation/table) 中，我想在表格单元格中将列表项显示为单独的标签 (https://buefy.org/documentation/tag/)。 下面的代码模拟了这个问题。这样做的结果是将第二列中的数据显示为纯文本 Value1,Value2,Value3。 ... »

我一直在使用带有 Vue 3 和 CLI 框架的 Buefy css 库。 我用 npm install 安装了它，并且一直在使用它没有问题。 直到我想使用 dialog.alert 功能。 Buefy 上显示的示例说要使用， this.$Buefy.dialog.alert("My Alert Msg"); 这不起作用。我没有 this.$Buefy、$Buefy 或 Buefy 作为定义的... »

<b-checkbox v-model="selectedTiers" :native-value="i" type="checkType(i)" @input="update"> {{ $t('general.specificTier', { tier: i }) }} </b-checkbox> 大家好，我正在使用 Buefy 和 Vue.js。我希望类型灵活... »

所以我有一个包含多个输入字段的表单，每当我在这些字段中输入内容时，它都会以某种方式操纵 DOM，并从表单容器中删除某个类 active。请查看此GIF 以查看它。 重现步骤： 点击创建您的帐户 在任何显示的字段中输入任何内容 观察错误行为（这是删除active 类的结果） 模板代码： // active class is getting injected here ... »

我是 Buefy 的新手，对 Vue 也很陌生。 Buefy 关于表单的文档有一个示例自动完成here，它引用了数据字段上的计算属性。我认为该函数正在获取名称输入，然后相应地过滤数据数组。 我不确定的是它实际工作的机制，即为什么有两个返回语句，“选项”来自哪里，为什么小写方法在那里...... <template> <section> <p c... »

我正在尝试创建带有垂直缩略图的轮播，但缩略图被复制了。我只有 2 个图片 URL，但它显示了 4 个缩略图。 App.vue: <template> <div id="app"> <b-carousel :indicator-inside="false" class="is-hidden-mobile" :pause-h... »

只是想防止我的一个buefy按钮在我点击它时被聚焦： 按钮代码： <b-button class="button-rounded" type="is-success" icon-right="film" rounded /> 不专注： 专注： 在我的用例中，我在按钮上添加的其他设计被焦点清除，我想在单击按钮时阻止任何焦点。我正在使用带有 Buefy (Bulma) 的 VueJS... »

上传图像文件后，我希望<input> 的值反映我的<span> 值。但是，只有在我单击 <a> 标记后，<input> 才会更改其值，而不是根据需要自动更改 <span>。 我希望<span>-change 更新<input> 的值。 <input v-model="data.filename" ... »