问题标签 [ionic-vue]

我想从我创建的不同组件加载一个图标：

但是这个 ion 组件在添加值时会加载 ion-icon，这是我的操作表代码：

我希望这可以做到，谢谢！

我想使用Vuetify 3 (alpha)with Ionic Vue。找不到任何有用的参考。有人可以帮我吗？

Then on building or launhcing on my device i get following error:

It is building my project using grable.

I have tried Build Clean, Build Rebuild and File > Invlaidate Caches and Resatrt as well.

Kindly help.

我有一个本地状态，点击时会更改芯片图标和颜色，但是，此事件会同时触发所有芯片的更改。

我需要用户能够选择单个芯片或多个芯片。

编辑

我通过将它们转换为数组来制作icon和color可变，因此chipState现在看起来像这样：

这使得可以参考每个芯片的索引。selectService函数现在看起来像这样：

和模板：

“解决方案”带来了一个新问题：我必须对iconandcolor数组中每个项目的状态进行硬编码才能使其生效。

我是 Ionic 框架（使用 Vuejs）的新手，并试图制作简单的 Crud 应用程序。但是由于CORS问题，我无法登录。

浏览器控制台显示来自源“http://localhost:8100”的“http://localproject.test/api/login”处的 XMLHttpRequest 已被 CORS 策略阻止

我尝试了很多不同的解决方案，但没有成功请帮助。

提前致谢。

我想用 ionic-vue 构建一个待办事项应用程序。它目前使用 vue 3。我有这个概述（称为 Lists.vue），可以单击多个列表（每个列表应该加载任务）。但是，每次单击列表时，都会出现相同的数据！就好像组件被重用但没有重新渲染/更新。

我尝试了各种解决方案。其中之一是在正在更改的 ref 上应用手表，但是，没关系，最终结果保持不变。还尝试将 :key 提供给路由器链接，但仍然无法正常工作。

我的列表.vue

我的列表叫做 Index.vue（也许我应该叫它 list.vue 什么的……）

我的可组合功能：

如果有人知道任何可能的解决方案，或者我可能做错了什么，请帮忙！非常感谢所有解决方案。

PS：由于情况，我目前不能很快回复，但我向你保证我会回复你的答案:)

我将 Ionic 与 Vue 和 Capacitor 一起使用，我的应用程序应该允许用户录制音频。我为此使用了cordova-plugin-media，但它尝试存储一个临时记录，/storage/emulated/0其中会引发此错误：

W/System.err: java.io.FileNotFoundException: /storage/emulated/0/tmprecording-1624204719032.3gp: open failed: EPERM (Operation not permitted)

根据我的阅读，这可能是由于 Android 11 使用了范围存储并且不允许它写入。我不知道 Ionic-Vue 项目如何处理它（如何使用范围存储），非常感谢一些帮助。

谢谢！

我想在 Ionic Vue 中实现以下布局，最好使用原生组件。下面只是我想要的模式，我最感兴趣的是桌面行为：

简而言之，我想要两个完全不相关的侧边栏，应该根据用户的选择在所有设备上独立打开/关闭。一次打开多个侧边栏不是好的用户体验的论点在这个项目上并没有真正站得住脚，因为它基本上是一个全屏地图，侧边栏包含各种控件和关于地图上的内容的信息。要求是用户可能希望打开两个侧边栏，但他们也可能希望它们都关闭，即使在大屏幕上，以最大化地图的显示部分。

我在这里有什么选择？只有一个“原生”侧边栏并使用自定义元素模仿第二个边栏，使用我自己的容器和我自己的类似于原生的菜单切换？我如何让这些在 Android 和 iOS 上看起来和表现得像“原生”？

这是我当前的布局，它实现了我想要的一切，除了打开一个侧边栏总是关闭另一个侧边栏。

我对 Ionic Vue 了解不多（今天开始使用它），但我在 Vue 中表现不错。Tbh，我发现 Ionic Vue 令人印象深刻。非常整洁，文档很棒。但我被困在这个起初似乎微不足道的布局问题上。

感谢您查看这个。

我正在尝试将 swiper@7 集成到我的 ionic 项目中。但似乎包和 css 没有正确导入并抛出“未找到依赖项”错误。

我的意思是，当我试图这样做时

然后我得到编译错误“未找到依赖项”。我做了一些研究，发现由于某种原因，它没有指向正确的模块路径。

在此处输入图像描述

正如您在这张图片中看到的那样，它将包指向“ swiper/swiper-vue ”而不是那个，它应该指向“ swiper/vue/swiper-vue ”；

我还检查了“swiper”的 package.json 文件。那里的一切似乎都很好，但不知道为什么我的“ .vue ”文件中没有导入包。

这是swiper的 package.json

错误： 在此处输入图像描述

如果应用程序关闭或应用程序是否发送到后台，我如何在 Ionic Vue 中检测？

this.platform或platform不可用或不起作用？！