问题标签 [quasar]

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 回答
75 浏览

java - 类星体调用任何

我编写了一个 ExecutorService,用于并行执行多个线程并获得找到的第一个结果,我使用“invokeAny”方法来完成它。

类似于以下内容:

一切正常,但是因为我的代码执行了很多线程,所以使用了大量的资源(CPU)。所以我在网上看了一下,我发现人们建议使用 Quasar 来解决这些问题......根据规范,它应该作为 java“并发”框架工作,所以我看了看,我找到了这个类“ FiberExecutorScheduler ”,这似乎很有希望,但我找不到一种方法来组织我的工作以实现与我以前的代码相同的行为。

有没有办法用 Quasar 来实现它?你能举个例子吗?任何帮助将不胜感激。

0 投票
3 回答
10825 浏览

sockets - Quasar 应用程序路由问题

我现在正在开发一个 Quasar 应用程序。到目前为止,我只有一个登录页面和 quasar 提供的默认布局。我有一个单独的服务器,我已经设置了在端口 100 上运行。我已经设置了代理以将来自 axios 和 socket.io 的所有调用重定向到我的服务器,该服务器为我的应用程序托管我的 mySQL 数据库。我已经设置了路线,如果我在浏览器的搜索中手动输入路线,我可以转到它,但是一旦我在登录名中使用 this.$router.push() 转到主页,它就不会导航到它。例如,我在端口 8080 上托管此应用程序。默认情况下,它将转到登录页面:“localhost:8080”。当登录验证时,用户应该使用 this.$router.push('/main') 重定向到我的 quasar 应用程序中的主页。但是,它不这样做。当我按登录时,url 只是更改为“localhost:8080/?”。但是,如果我在浏览器中手动输入:“localhost:8080/main”,它会将我引导至主页。这是我的路线的代码:

这是我的登录组件的代码:

我花了几个小时试图搜索可能是什么问题,但到目前为止我没有想出任何有用的东西。也许这可能是一个错误?我的同事查看了我的代码,他也认为没有问题。希望你们能帮助我。我真的很感激。

根据要求,服务器代码:

路由器代码的 index.js:

0 投票
1 回答
516 浏览

firebase - VueJS/Quasar:如何在“已安装”函数中传递从 FirebaseDB 获取的数据并在“数据”中使用它,以便可以在我的 HTML 中显示它

myjfc是一个变量,其中包含来自我的 Firebase 数据库的数据。我不知道如何传递它 - 将它传递给数据,以便我可以在我的 DOM 中显示它。

任何形式的帮助表示赞赏。

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 投票
1 回答
275 浏览

vue.js - 在我的 quasar vuejs 应用程序上运行构建后:>app:build 构建的文件旨在通过 HTTP 服务器提供服务

如何运行索引文件?我怎样才能在 github 上提供它。

app:build 在 file:// 上打开 index.html 不起作用

0 投票
1 回答
837 浏览

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

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

我也有这些行:

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

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

提前致谢。

0 投票
2 回答
1042 浏览

javascript - 更新:突变接收商店,而不是状态

这个帖子有更新,看第一个答案

所以,首先,我确实搜索了类似的问题(并找到了一些线程),但没有解决我的问题。我第一次尝试使用类星体框架,也许我在命名空间的某个地方迷路了。

所以,首先,一些信息:+我在使用 ESLint 编译时没有任何错误
+我在运行时的 javascript 控制台中没有任何错误
我的问题是:
+我的操作和突变确实在商店中保存了一些东西,但是不在应有的位置(请参阅帖子末尾的屏幕截图)
+我的 getter 似乎不起作用,并在 vue 开发工具中显示为“未定义”

我的商店是这样组织的:

根 index.js 的代码:
import Vue from 'vue' import Vuex from 'vuex'

然后,在 'app-utils' 文件夹中: index.js 的代码:

state.js 的代码:

getters.js 的代码:

mutation.js 的代码:

actions.js 的代码:

我试图访问它的代码(int getPageTitle 计算字段):

最后,来自 vue 插件的截图,您可以看到在触发 mount() 钩子时已经设置了值,但不是处于“状态”,并且 getter 是未定义的。

来自 vue 开发插件的屏幕截图

0 投票
1 回答
1397 浏览

vue.js - vue.js 不会在mounted() 挂钩上更新

编辑:已解决,请参阅答案。

所以我是 vue.js 和 quasar 的新手,所以这可能是关于 vue 生命周期钩子和 vue 反应性的新手错误。

我想根据浏览器的大小调整元素的大小。该元素的高度是使用其他元素的高度计算的。我使用 $refs 来获取另一个元素的高度,并捕获由 quasar 组件启动的 onResize() 事件。

此事件在页面加载时启动一次,并且我的元素大小均为 0,因为我猜它们尚未在 DOM 中呈现。我有一个方法来刷新我计算的高度,当“onResize”事件被捕获时我调用它,也在“mounted()”vue.js 钩子处调用。

我的问题是:

  • 第一个 onResize() 调用该方法,但所有元素的高度均为 0px。
  • mount() 再次调用该方法,这里所有元素都计算了它们的高度。结果很好,但它没有显示在显示屏上,请参见屏幕截图 #1:调整控制台中记录的事件和大小,注意大小计算两次,一次在 onResize() 上,一次在 mount() 上。mount() 上的那个具有很好的价值,但它没有显示在 DOM 中。

屏幕截图 #1 - 全屏,第一次加载,大小不合适

  • 在我调整窗口大小一次后,一切正常,我不再有任何问题。(截图#2(窗口模式)和#3(再次全屏))

屏幕截图 #2 - 窗口,大小正常 屏幕截图 #3 - 全屏 - 大小确定

我的问题是:为什么即使计算正确,当调用mounted() 挂钩时,DOM 中的高度也不会更新?(一切都在同一个 .vue 文件中)

我的代码:我的问题是具有“tableRow”参考的 div 的高度

脚本:

0 投票
1 回答
13036 浏览

javascript - Vue路由器:TypeError:无法读取未定义的属性'$ createElement'

所以,我对 vue.js 还是很陌生,这很可能是我犯的愚蠢错误,但是可惜,Google 今天似乎不是我的朋友,因为我已经搜索了 2 个多小时并发现没有什么。

尝试加载组件时出现我的问题。该组件嵌套在其他组件中,路由器应该加载它。我有其他以这种方式加载的组件(使用<router-view></router-view>和路由器)没有任何问题。这个组件唯一不同的是它在它的根下嵌套了 3 层,而在我的所有其他组件中,我走的最深的是 2 层。

当我尝试加载此组件时,我收到 2 个警告和一个错误:

警告 1:

警告 2:

错误:

我的路由看起来像这样;我的两个beforeEnter钩子都在应该调用的时候被调用,无法加载的组件是smsConfigDetails

加载失败的组件代码现在非常简单:

父母只有一个<router-view></router-view>

0 投票
1 回答
1667 浏览

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

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

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

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

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