问题标签 [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 回答
1363 浏览

websocket - 如何将 QUploader (Quasar-Framework) 与 websockets 一起使用?

QUploader 记录在这里,这里是它的代码

我正在尝试让 QUploader(Quasar-framework 版本 0.14.7)将图像上传到外部服务器上的 featherjs“服务”,基本上遵循这个示例

如何将 QUploader 与 websocket 一起使用?

0 投票
2 回答
1407 浏览

node.js - 如何从 Quasar Framework 中的 docker compose 获取环境变量?

我有下一个 docker-compose 配置

这是前端映像 Dockerfile

但是当我执行 console.log(process.env) 我只得到一个属性:

前端的一切工作正常,我唯一的问题是环境变量。我的目标是为不同的环境设置不同的环境变量。

码头工人版本

Docker 撰写版本

0 投票
0 回答
535 浏览

javascript - navigator.app.exitApp(); 在科尔多瓦应用程序(Android、Vue、Quasar 框架)中不起作用

我尝试在我的 android 应用程序上退出应用程序。但是,它不起作用。

我正在使用 quasarframework、vue2 和 javascript。

在此处输入图像描述

“是”触摸不起作用。

帮我。谢谢你。

  • 环境

quasar 版本:Quasar CLI v0.6.5,App 在 Quasar v0.14.9 上运行

科尔多瓦-版本:8.0.0

科尔多瓦安卓:7.0.0

cordova 插件:“cordova-plugin-crosswalk-webview”:“^2.4.0”,“cordova-plugin-fcm”:“2.1.2”,“cordova-plugin-splashscreen”:“^4.1.0”,“科尔多瓦插件白名单”:“^1.3.3”

0 投票
0 回答
42 浏览

web-applications - WebApp 离线无法访问

目前,我正在使用Quasar-Framework(PWA)开发一个 WebApp。

场景

在我的网络浏览器中对其进行测试,我可以看到它已成功“安装”(使用ServiceWorker),我可以调用 URL 并使用具有完整功能的应用程序。这意味着,即使服务器关闭,我也可以在服务器启动并运行时打开并使用 WebApp。

问题

当我使用智能手机(Android 7.1.1使用Firefox Nightly V 60.0a1and Chrome 64.*)尝试相同的操作(在服务器无法访问时使用应用程序)时,一切正常,直到我使用 WebApp 关闭选项卡。当我再次调用 URL 时,应用程序将无法打开。

我的问题

这是正常行为还是我必须考虑一些特别的东西,更有经验的人可以推荐?那很好啊。

非常感谢您的宝贵时间。

0 投票
1 回答
4484 浏览

javascript - 如何使用 Vue JS-axios 在 POST api 中传递 Header + Body

我正在尝试调用 aws Cognito 的 post API(令牌端点)。它在我的邮递员客户端中完美运行。但是我在我的 VueJS 代码中遇到了这个问题。

下面是我的代码片段。

测试.vue

我成功地从登录端点获取“代码”值 在上面的代码中,HTTP 是从下面的其他 javascript 导入的对象。

http-common.js

我不确定,但问题是在我的邮递员中,我在正文 + 标题中使用了 'application/x-www-form-urlencoded' 选项。在这里我无法在正文中设置此值。

我的标题和正文中的“应用程序/x-www-form-urlencoded”选项设置不正确。

我尝试过使用 {emulateJSON:true} 选项。但没有奏效!

我收到HTTP 代码:400

{"data":{"error":"invalid_request"},"status":400,"statusText":"Bad Request","headers":{"pragma":"no-cache","content-type" :"application/json;charset=UTF-8","cache-control":"no-cache, no-store, max-age=0, must-revalidate","expires":"0"},"config ":{"transformRequest":{},"transformResponse":{},"timeout":0,"xsrfCookieName":"XSRF-TOKEN","xsrfHeaderName":"X-XSRF-TOKEN","maxContentLength":- 1,"headers":{"Accept":"application/json","Content-Type":"application/x-www-form-urlencoded"},"method":"post","baseURL":" https ://maddox.auth.eu-west-1.amazoncognito.com ","url":" https://maddox.auth.eu-west-1.amazoncognito.com/oauth2/token ","data":" {\"grant_type\":\"authorization_code\",\"client_id\":\"4jcmshlse80ab667okni41fbf5\",\"redirect_uri\":\" http://localhost:8080/callback\",\"代码\":\"e19170dc-3d8f-420e-99b6-c05f7abad313\"}"},"request":{}}

0 投票
1 回答
2293 浏览

javascript - 具有动态路由和组件的 Vue

尝试构建一个测试应用程序,看看 Vue 是否适合我们的 AngularJS 应用程序的替代品。尝试同时学习 Vue。

用户登录后,我们为该用户获取一些角色。以这些角色为基础的是菜单的构建方式。

用户1 {角色1,角色2,角色3}

理论上

用户 2 {角色 1,角色 3}

因此 Role1 将具有 /start/page1 和 page1 (组件)和两个子组件的路径。与 /start/page2 的 Role2 路径相同,page2 上会有组件。

在我知道用户拥有哪些角色之前,我真的不想构建路线。

我正在使用 quasar-framework.org 并使用菜单滑出。试图即时创建菜单。好像我需要已经导入组件?

我可以通过循环角色并设置菜单列表来构建菜单。

尝试使用 this.$router.addRoutes(newRoute); 即时构建路线 为此,我需要已经导入组件。

我猜 Quasar 的方式是动态加载组件。

在 router.js 中

我似乎无法在方法部分使用该功能。

这在Vue中可能吗?

0 投票
1 回答
1741 浏览

vue.js - 类星体构建后无法连接到后端

我有一个使用 quasar 制作的项目,我有一个代理,可以将应用程序上的调用映射到我的后端 API,但是当它使用它构建时会quasar build生成dist文件夹,如果它可以工作,我会使用服务器进行测试,但应用程序发出的调用不工作 在此处输入图像描述

这应该打电话给http://localhost:8080/getCategories

这是代理配置:

当我使用开发服务器尝试时,开发服务器运行在8081 在此处输入图像描述

我不知道我是否必须更改 API 调用,我所做的所有调用都像是this.$http.get('/api/getCategories')一个示例。

不知道我解释清楚了吗,希望有人能帮忙,谢谢!

0 投票
1 回答
1245 浏览

cordova - Quasar 框架 - 构建的应用程序在移动设备中寻找 IP 地址

我正在构建一个类星体框架应用程序。

运行“quasar dev -m cordova -T android -t mat”命令,移动设备连接到计算机正常工作(选择我设备的 IP 作为外部 IP)..

但是,当我在手机中安装上述命令生成的“apk”时,它会在手机中查找相同的外部 IP 并显示“无法连接到 192...:/index.html”

当我使用“build for production”命令(quasar build -m cordova -T android -t mat)并尝试复制生成的 apk 时,设备显示“无法安装应用程序”。

如何在设备中安装 dev /build 命令生成的 apk?

TIA

0 投票
1 回答
1622 浏览

vue.js - VueJS方法中的有条件颜色材质图标?

我正在使用 Quasar v0.15.9、Vue v2.5.0 和材料图标构建一个应用程序。我在类星体列表中有一个类星体可折叠

我将fiber_status每个列表项传递给设置图标的 VueJS 方法:

我可以设置为三个不同的图标,但我更喜欢设置相同的图标并根据三种状态设置图标颜色。有人看到可行的方法吗?样式是设置组件级别的,我也是stylusQuasar 的一部分。我要设置的颜色是手写笔变量,可以按照通常的 VueJS 标准内联或在样式标签中设置:

以下是带有非彩色图标的列表示例:

在此处输入图像描述

0 投票
1 回答
1542 浏览

vue.js - 将 vue.js 应用程序转换为 quasar-framework 应用程序

我想将使用 Vue.js 制作的现有应用程序转换为 Quasar 框架。

我正在使用“Quasar init”搭建 Quasar 应用程序,这会创建一个空白应用程序。我正在将 .Vue 文件从 Vuejs 迁移到 quasar 应用程序。

但是,Vuejs 应用程序在“src”文件夹的根目录中包含“main.js”,我不确定如何在 Quasar 中使用它。我试图将代码复制到“index.vue”,但最终出现错误。

知道如何将此 main.js 代码迁移到 Quasar 中的适当文件吗?

TIA