问题标签 [quasar-framework]

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 投票
0 回答
153 浏览

webpack - Quasar Framework 中 TweenMax 的 GSAP 模块问题

当我通过在 Quasar Framework 项目中安装 gsap 时

并通过以下方式导入 index.vue:

我可以在一个方法中引用 TweenLite:

但是当我尝试引用 TweenMax 时,出现错误

知道为什么 TweenMax 没有解决吗?看起来所有模块都在 node_modules/gsap 下可用...</p>

谢谢

0 投票
1 回答
1770 浏览

javascript - 无法使用 Cypress 获取 vuex 状态

我正在关注这个博客。按描述添加代码后,window.app 属性确实出现在控制台中,但是我无法引用app.$store博客中提到的 ans(这类似于在组件中引用商店的方式)。我可以引用app.store哪个确实包含我的 vuex 存储中的属性,但它不包含app.store.state,仅包含 getter (和调度等)。

例如使用 const getStore = () => cy.window().its('app.store')它给出:

截图来自 2018-04-26 09-27-25

我希望能够直接使用状态变量,而不仅仅是在我为它创建一个 getter 时。怎么了?这是因为我在我的 vuex 商店中使用了命名空间吗?

编辑:它也可能与我将商店分配到窗口的方式有关。我使用 Quasar Framework,在当前版本(>0.15)中,它根据quasar.conf.js它使用的文件中的设置进行了大量配置。我通过将此代码添加为类星体插件来分配商店:

这样做确实给了app.store我我提到的,但不是app.$store(包括state)。Quasar 配置生成并显示在一个文件中,添加此插件后该文件包含:

如您所见,插件是初始化 Vue 应用程序的一部分,而博客和您建议的方式是在 Vue 初始化之后附加的。由于 Quasar 自动生成配置,我不知道如何在初始化后执行“window.app = app”,看看这是否会导致我的问题......

0 投票
1 回答
837 浏览

vue.js - Quasar 根据选项组更改电子邮件的后缀

当我更改选项时,我正在尝试在电子邮件输入中进行后缀更改。这是我的代码的不同部分:

我也有这些行:

问题是当我更改“机构”选项时,我没有预期的日志(“更改机构”)。相反,我有这个:

谁能给我一个提示?我查看了文档(http://quasar-framework.org/components/option-group.html#Installation),但无济于事......

提前致谢。

0 投票
2 回答
3832 浏览

javascript - Quasar Button 组件中的图标不会改变大小

Quasar Button 组件的大小可以调整,从文档看来,按钮中的图标应该相应地改变大小。例如,从文档中查看这张图片: 在此处输入图像描述

当我尝试时,图标保持相同大小(按钮更改)。我的代码:

怎么了?

0 投票
1 回答
1667 浏览

vue.js - q-data-table 行中 q-toggle 的 V-model

我正在尝试在数据表中的每一行中放置一个切换。现在我有那个: 显示正常但无法点击

所以我的两列(“活动”和“共享”)是布尔值。它根据布尔值显示正常,但如果我单击切换,我会收到错误消息。我认为这是因为v-model我的切换是col.value并且我不允许修改它。问题是,我不知道如何直接绑定v-model到我的原始对象?

这是我的简化代码(模板部分):

额外的问题:为什么在我的帖子开头总是删除我的“大家好”?

0 投票
2 回答
4671 浏览

javascript - 在类星体中如何将数据从页面传递到布局

http://quasar-framework.org/中,我有几个共享相同布局的屏幕,例如产品和客户列表。

但是,我看不到如何将数据从页面传递到他们的布局。例如,布局有一个我希望根据显示的页面更改的标题:

0 投票
1 回答
3647 浏览

css - Quasar 框架 Flex 类

使用 Quasar Framework 0.15,我看不到对使用 Flex 相关类有任何影响。一个简单的组件:

当我检查组件时,例如“row”类的 div 没有像预期的那样具有全宽,似乎没有任何其他与 Flex 相关的类,如“justify-start”或“col-sm-6”去工作。

在这种情况下,我的 btn 组显示在屏幕的左上角,好像没有应用 css('justify-center' 应该居中)

我正在全新安装中运行 web/material 主题。

0 投票
2 回答
2299 浏览

firebase - Firebase onAuthStateChanged 和 Navigation Guards 的模式 - Quasar 应用

我的 Quasar 应用程序在浏览器刷新和 Firebase 身份验证方面遇到问题。

用户登录然后单击浏览器刷新后,firebase.auth().currentUser返回 null(因为它是异步执行的)。这意味着当beforeEach被执行时currentUser为空并且用户被提示登录页面。但是我看到当回调onAuthStateChanged被调用时,用户设置正确。

在 Quasar 应用程序中,是否有任何模式onAuthStateChanged可以在导航过程中使用,以便重用现有的用户会话?

0 投票
0 回答
604 浏览

vuejs2 - 在 vueJS 中将数据从父级传递给子级

我在另一个组件(EmployeeComponent)中使用类星体框架 dataTable 组件,但我想更改表格的样式。如果我在 EmployeeComponent 中更改样式,则每次我想在任何其他组件中使用 quasar 表时都需要重写样式或包含它。因此,我将 quasar 组件放在另一个组件(TableComponent)中,并且只更改一次样式并将其包含在我想要的任何位置。

这是 quasar dataTable 组件:

它需要两个主要的道具(数据,列),它们将从 Tablecomponent 中选择

Tablecomponent 将从 EmployeeComponent 获取数据。我让它在传递静态数据的情况下工作,见下面的代码:

员工组件

}

表格组件

问题是通过 axios 请求在员工组件中传递数据时它不起作用。

0 投票
1 回答
676 浏览

firebase - 在 Firebase 托管中使用 vue-router 部署 Quasar (VueJS)

在此处输入图像描述

我在我的网页上有这个视图。它说,它已成功部署,但没有显示我的 SPA。

配置

我使用默认的 router.js设置

采取的步骤

任何知道如何在 Firebase 托管中部署的 Quasar 开发人员?我认为我做的一切都是正确的,但我的 SPA 没有显示。