问题标签 [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 投票
1 回答
599 浏览

javascript - Vue & Quasar - 共享自定义组件

我们有几个使用 Quasar 构建的 SPA。一切都很好,但现在我们看到某些组件可以提取到共享组件中。

计划是提取相关代码并发布到我们的私有 npm 存储库。如何构建然后发布使用 Quasar 中的组件构建的组件?

使用 vuetify 之类的东西,我可以只导入所需的组件并开始构建我的组件,但在 Quasar 的情况下,导入是根据配置的主题来解决的。

0 投票
3 回答
1000 浏览

quasar - 未找到 Quasar QSpinner 模块

我收到以下错误:

我试过重新安装 quasar-cli 并更新 npm

我正在使用 quasar-framework 0.15.8
和 quasar-cli 0.15.12

0 投票
2 回答
1783 浏览

javascript - 使用 Quasar-Framework 0.15 的 Jest 单元测试配置

我在 Quasar 0.14 版下进行了 Jest 测试。目前一些简单的测试和所有的快照测试都通过了,但是对于一些我不断得到的测试:1。

和 2:

和 3:

1 和 2 似乎与 Jest 无法识别 $v.form 和组件内的 vuex 存储有关。

任何建议/最佳实践如何使它工作?我跟着这个,并有这些设置:.babelrc:

在 package.json 中:

0 投票
1 回答
1230 浏览

javascript - 使用 webpack + VueJS 中可能不存在的 require() 动态加载资产

我正在尝试动态加载可能存在或不存在的图像。

在这种情况下,加密货币图标使用它们的 3 个字母符号。我的静态库中有几百个 .svg 格式,当我从价格服务器中提取数据时,我尝试将我拥有的图标与来自服务器的符号进行匹配,如果没有,则提供备用图像资产。

在我的 index.vue 中,我可以摆脱这段代码,一切正常:

但是,在用户点击硬币时打开的子组件中,相同的代码将无法同时加载主图像和备用图像。我已经尝试了很多方法,但是从我的子组件中加载图像的唯一方法是像这样硬编码它:

这对我来说是不可能的,因为我需要为任何可能的硬币动态生成模态......

或者像这样使用 require() :

但是,如果require()查找不存在的资产,这会使我的应用程序崩溃。我需要一种优雅失败的方法,以便v-img-fallback可以检测到它并提供回退。

我试过做类似的事情,return require(image1) || require(fallback)但它不起作用。

0 投票
3 回答
8027 浏览

android - Cordova:如何将文件移动到下载文件夹?

情况:

在我的移动应用程序中,我需要下载一个文件并存储在下载文件夹中。

下载部分工作正常。该文件已从服务器正确下载并存储在以下文件夹中:

但该位置并不是真正的用户友好。

要访问它,我必须去:内部存储/Android/数据/org.cordova.MY_APP_NAME.app/

所以我需要将它移动到主下载文件夹。

文件传输是我无法做到的。

我知道关于 SO 已经有几个类似的问题。

我已经尝试了所有这些,但没有一个真正适合我,我永远无法在实际的下载文件夹中看到该文件。

项目信息:

我将QuasarVuejsCordova一起使用。

平台

目前我正在使用Android。但理想情况下,我正在寻找一种适用于 Android 和 IOS 的解决方案。

编码:

下载代码:

文件传输代码:

问题:

如何将文件移动到下载文件夹?

谢谢

编辑:

这是cordova.file对象的控制台日志:

0 投票
2 回答
5835 浏览

vuejs2 - 如何使用 quasar-framework 创建顶部菜单栏

我正在尝试 Quasar 框架,演示或当前活动的网站(在:https ://github.com/quasarframework/quasar-awesome )中没有任何内容显示顶部菜单栏是如何使用的框架,我认为这是大多数 Web 框架中的标准。请帮忙。

0 投票
2 回答
190 浏览

javascript - 通知在 vuex 订阅上不显示任何内容

当我尝试在我的 pwa 中创建用户时,我试图显示通知。为此,我订阅了设置通知的突变,然后调用通知,但没有显示任何内容,控制台上也没有错误。

这就是我想要做的:

我尝试从 qusar 导入 Notify 并调用 Notify.create 但没有成功。

0 投票
1 回答
1802 浏览

laravel - Quasar CLI 与 Laravel mix 集成

我有一个应用程序,我正在使用 Laravel + VueJs 和 Laravel mix(后端和前端都在同一个文件夹结构中)进行开发,现在我想开始使用 Quasar。

是否可以将 Quasar CLI 与 Laravel Mix 集成在一起并继续使用相同的文件夹结构?如果是这样,如何生成构建脚本?

部署脚本会有任何变化吗?

0 投票
1 回答
779 浏览

javascript - 使用 Quasar 框架的客户端 Stripe 出现问题

我目前正在尝试配置 stripe.js 的客户端部分,以便我可以使用其元素 api 源创建功能来收集用户支付信息。然而,客户端包只能通过脚本标签获得。我尝试通过 index.template.html 将其引入(这不适用于类星体),但是一旦我去初始化 Stripe 客户端,它总是会出错;

vue.stripe = Stripe('pk_live_dMLr0hShLxaZmXesv1buhndd')

错误是;

错误条带未定义。

我尝试了多种替代方法来导入包,scriptjs,将其手动安装到 register.vue 中的 dom,但都无济于事,因为它找不到 Stripe 变量并实例化客户端。或者,如果我将 Stripe 设置为等于脚本标签,那么我会得到一个 Stripe is not a function 错误。这是我正在关注的教程;

https://stripe.com/docs/stripe-js

和我的代码;

https://github.com/Screen-Art-Studios/TimeCrunch/blob/master/src/pages/Register.vue(第 74-76 和 142-203 行我想调用元素 api 的注册页面)

https://github.com/Screen-Art-Studios/TimeCrunch/blob/master/src/plugins/stripe.js(我用来导入包的quasar插件)

任何帮助都可以挽救生命,因为这就是阻止此应用程序完成的全部原因。

*更新我仍然无法准确理解正在发生的事情,但是一旦我将其更改为 'this.$Stripe()' vs 'Stripe()' 认为将引用插件 Quasar 生成并编译。然而,现在它抛出一个 stripe.elements 不是函数错误;var stripe = this.$Stripe('pk_test_EUZwPeinKym4DDl0d9kMbrOw') var elements = stripe.elements() 这几乎完全符合本教程的规定[唯一的区别是从 Stripe() 更改为 this.$Stripe()]。我将继续对此深思熟虑,对整个 Quasar 软件包的任何澄清和/或对解决此问题的见解都将是救命稻草。

0 投票
0 回答
712 浏览

vue.js - 不能从 apollo graphql 查询中获得数据表动态数据(静态作品)

我在通过 apollo 打印表中的数据时遇到问题......我无法弄清楚这有什么问题:) 我的控制台的主要问题是(TypeError:无法添加属性 __index,对象不可扩展)

我创建了示例静态数据并且没问题,但是当我使用通过 graphql 查询数据表从 apollo 传递的数据时显示“没有可用数据”

如果有人给我一些小建议,我将不胜感激:)

渲染错误:“TypeError:无法添加属性 __index,对象不可扩展”

apollo 从 Graphql 传递的数据表和样本记录

这是我的代码

从阿波罗打印的第一个物体

来自控制台的错误