问题标签 [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.
javascript - Vue & Quasar - 共享自定义组件
我们有几个使用 Quasar 构建的 SPA。一切都很好,但现在我们看到某些组件可以提取到共享组件中。
计划是提取相关代码并发布到我们的私有 npm 存储库。如何构建然后发布使用 Quasar 中的组件构建的组件?
使用 vuetify 之类的东西,我可以只导入所需的组件并开始构建我的组件,但在 Quasar 的情况下,导入是根据配置的主题来解决的。
quasar - 未找到 Quasar QSpinner 模块
我收到以下错误:
我试过重新安装 quasar-cli 并更新 npm
我正在使用 quasar-framework 0.15.8
和 quasar-cli 0.15.12
javascript - 使用 Quasar-Framework 0.15 的 Jest 单元测试配置
我在 Quasar 0.14 版下进行了 Jest 测试。目前一些简单的测试和所有的快照测试都通过了,但是对于一些我不断得到的测试:1。
和 2:
和 3:
1 和 2 似乎与 Jest 无法识别 $v.form 和组件内的 vuex 存储有关。
任何建议/最佳实践如何使它工作?我跟着这个,并有这些设置:.babelrc:
在 package.json 中:
javascript - 使用 webpack + VueJS 中可能不存在的 require() 动态加载资产
我正在尝试动态加载可能存在或不存在的图像。
在这种情况下,加密货币图标使用它们的 3 个字母符号。我的静态库中有几百个 .svg 格式,当我从价格服务器中提取数据时,我尝试将我拥有的图标与来自服务器的符号进行匹配,如果没有,则提供备用图像资产。
在我的 index.vue 中,我可以摆脱这段代码,一切正常:
但是,在用户点击硬币时打开的子组件中,相同的代码将无法同时加载主图像和备用图像。我已经尝试了很多方法,但是从我的子组件中加载图像的唯一方法是像这样硬编码它:
这对我来说是不可能的,因为我需要为任何可能的硬币动态生成模态......
或者像这样使用 require() :
但是,如果require()
查找不存在的资产,这会使我的应用程序崩溃。我需要一种优雅失败的方法,以便v-img-fallback
可以检测到它并提供回退。
我试过做类似的事情,return require(image1) || require(fallback)
但它不起作用。
android - Cordova:如何将文件移动到下载文件夹?
情况:
在我的移动应用程序中,我需要下载一个文件并存储在下载文件夹中。
下载部分工作正常。该文件已从服务器正确下载并存储在以下文件夹中:
但该位置并不是真正的用户友好。
要访问它,我必须去:内部存储/Android/数据/org.cordova.MY_APP_NAME.app/
所以我需要将它移动到主下载文件夹。
文件传输是我无法做到的。
我知道关于 SO 已经有几个类似的问题。
我已经尝试了所有这些,但没有一个真正适合我,我永远无法在实际的下载文件夹中看到该文件。
项目信息:
平台:
目前我正在使用Android。但理想情况下,我正在寻找一种适用于 Android 和 IOS 的解决方案。
编码:
下载代码:
文件传输代码:
问题:
如何将文件移动到下载文件夹?
谢谢
编辑:
这是cordova.file
对象的控制台日志:
vuejs2 - 如何使用 quasar-framework 创建顶部菜单栏
我正在尝试 Quasar 框架,演示或当前活动的网站(在:https ://github.com/quasarframework/quasar-awesome )中没有任何内容显示顶部菜单栏是如何使用的框架,我认为这是大多数 Web 框架中的标准。请帮忙。
javascript - 通知在 vuex 订阅上不显示任何内容
当我尝试在我的 pwa 中创建用户时,我试图显示通知。为此,我订阅了设置通知的突变,然后调用通知,但没有显示任何内容,控制台上也没有错误。
这就是我想要做的:
我尝试从 qusar 导入 Notify 并调用 Notify.create 但没有成功。
laravel - Quasar CLI 与 Laravel mix 集成
我有一个应用程序,我正在使用 Laravel + VueJs 和 Laravel mix(后端和前端都在同一个文件夹结构中)进行开发,现在我想开始使用 Quasar。
是否可以将 Quasar CLI 与 Laravel Mix 集成在一起并继续使用相同的文件夹结构?如果是这样,如何生成构建脚本?
部署脚本会有任何变化吗?
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 软件包的任何澄清和/或对解决此问题的见解都将是救命稻草。
vue.js - 不能从 apollo graphql 查询中获得数据表动态数据(静态作品)
我在通过 apollo 打印表中的数据时遇到问题......我无法弄清楚这有什么问题:) 我的控制台的主要问题是(TypeError:无法添加属性 __index,对象不可扩展)
我创建了示例静态数据并且没问题,但是当我使用通过 graphql 查询数据表从 apollo 传递的数据时显示“没有可用数据”
如果有人给我一些小建议,我将不胜感激:)
渲染错误:“TypeError:无法添加属性 __index,对象不可扩展”
apollo 从 Graphql 传递的数据表和样本记录