问题标签 [ionic-vue]

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

vue.js - Ionic CLI 版本和 Ionic 版本的区别

谁能告诉我 Ionic 版本和 Ionic CLI 版本有什么区别?我听说最新版本的 Ionic 是 ionic 5。我可以用 ionic 5 创建一个 Ionic-Vue 应用程序吗?

这些是详细信息:

离子:

  • 离子 CLI:6.11.0

效用:

  • 科尔多瓦-res:未安装
  • 本机运行:未安装

系统:

  • 节点JS:v12.18.3
  • npm:6.14.6
  • 操作系统:Windows 10

C:\MobileAppProjects\reddit-clone>vue --version @vue/cli 4.5.4

0 投票
1 回答
1258 浏览

android - How to generate icons with cordova-res in Capacitor

I am following this doc to generate app icons using cordova-res. When I run cordova-res android --skip-config --copy it generates android icons in resources folder. The doc says

Next, run the following to generate all images then copy them into the native projects

Its unclear if the command does the copying or do I have to manually copy the icons into native project. After using the command I don't see any git changes in Android platform folder. I did another build, the installed app still shows default Capacitor logo

If I have to manually copy them over, where do I put these generated images if the Android folder is created with Capacitor?

0 投票
0 回答
96 浏览

ionic-framework - Ionic vue 3 路线导航不正确

我的路由器有问题

路由器无法正确导航 tab2 和 tab3 注销并再次重定向到登录

https://github.com/scarfaceshing/ionicvue-bug-vue-router

0 投票
2 回答
2196 浏览

cordova - 如何在 Capacitor 应用程序中设置 Cordova 插件变量?

我正在尝试使用https://docs.wonderpush.com/docs/mobile-push-notifications-ionic上的文档为 Ionic 设置 Wonderpush 集成

说明说要安装插件:

ionic cordova plugin add wonderpush-cordova-sdk --variable CLIENT_ID=YOUR_CLIENT_ID --variable CLIENT_SECRET=YOUR_CLIENT_SECRET --variable SENDER_ID=YOUR_SENDER

...但由于我的应用程序是电容器应用程序,我必须安装插件:

npm install wonderpush-cordova-sdk

以这种方式安装插件时,我无法弄清楚如何设置 CLIENT_ID、CLIENT_SECRET 和 SENDER_ID(此命令没有“<code>--variable”标志),并且运行时出现运行时错误我设备上的应用程序说这些变量丢失了。你知道我如何填充这些值吗?提前致谢!

0 投票
1 回答
320 浏览

css - 试图使 ion-datetime 的风格与 ion-input 风格相同

我想让 toion-datetime具有与输入样式相同的样式,以使我的设计保持一致。

为了清楚起见,请看下面的图片。

视觉解释

我尝试以与创建输入样式相同的方式修改 CSS 属性,但无法使文本垂直居中。应用vertical-align: middledisplay: flex使用align-items: center不起作用。有没有办法实现这种行为?

这是我当前用于输入和日期时间的 CSS:

如果需要,这是我的模板:

提前致谢!

0 投票
1 回答
366 浏览

css - 为什么我不能在我的 ionic vue 组件中使用 css 类选择器更改 ion-header 的背景颜色?

我已经开始学习 ionic vue。我正在尝试将 css 与离子组件一起使用。所以我在同一个文件中添加了样式

并尝试使用

但它不起作用。我该怎么做呢?这是我的完整代码

0 投票
1 回答
248 浏览

ionic-framework - 为什么 ion-icon 没有在 ionic vue 项目中显示?

我正在尝试在我的 ionic vue 项目中添加带有 ion-icon 的图标。我从官方页面复制代码

这是我的模板

这是我的输出

在此处输入图像描述

为什么我的图标没有显示?

注意这个答案不能解决我的问题

0 投票
0 回答
785 浏览

vue.js - 有没有办法修复 Ionic Vue 输入 v-model?

我使用 Ionic 和 Vue2 已经有一段时间了,我总是很难ion-input在我的代码中添加标签,因为v-model它不能正常工作,我必须做各种变通方法。和ion-checkbox也是如此ion-text-area。我想知道你们中是否有人知道解决此问题的方法,v-model还是我必须等待 Ionic 团队解决此问题?

0 投票
3 回答
1519 浏览

javascript - 在 Ionic Vue 应用程序中使用选项卡时导航到不同路线的问题

我是一位经验丰富的前端开发人员,但我对 Ionic 很陌生,所以请原谅我提出了一个愚蠢的问题。

我正在使用 Ionic-Vue 创建一个移动应用程序。

我从标签默认模板开始。我可以毫无问题地在选项卡之间切换:每个选项卡都有一个关联的路由和组件,并且当我切换选项卡时会立即显示正确的组件。

现在来解决问题。

我正在尝试为登录屏幕添加一个新的路由/组件。我希望登录屏幕位于选项卡系统之外,因此我将其作为顶级路由“/login”及其相关组件。我在第一个选项卡上添加了一个新按钮以便登录,这是代码。

但是当我按下按钮时,整个页面重新加载需要更多的时间来切换组件,然后当我浏览不同的选项卡时。在我看来,它没有使用内部路由器,而是更改了页面的实际 URL,导致整个应用程序再次被请求到服务器。我认为这与我使用选项卡默认模板这一事实有关,也许如果您使用选项卡,您就不能拥有独立的路由?

这是我的路由表:

谢谢!

0 投票
2 回答
587 浏览

vue.js - 将所有离子组件导入 Ionic-Vue 视图

我正在构建一个 Ionic-Vue 5 移动应用程序,我发现自己导入了很多 vue 组件只是为了在我的视图中使用它们:

我知道从性能的角度来看这可能很有用,但是有一种方法可以在列表足够大时一次导入所有离子组件以证明一点性能损失以大大简化代码?