问题标签 [ionic-vue]

我正在尝试创建离子 vue 片段。到目前为止，它似乎仅在添加到顶层时才有效，而在添加到template或div标签内时无效。如何在这些标签中插入片段？

片段

我想将 ion-select-option 中的值保存到本地存储中。但是，它返回“未定义”。我正在使用 Ionic 和 Vue 3.0.0。

如何获取所选选项并将其存储在本地存储中？

离子选择：

选项

方法

我想知道如何将 .env.production 模式与 ionic serve 或 ionic build 一起使用

我在@ionic-vue 中安装了一个全局组件，但是在另一个组件中使用它时出现以下错误：

[Vue 警告]：无法解析组件：VuePhoneNumberInput at <Registro ref=Ref< undefined > key="/registro" isInOutlet=true ...> at at at runtime-core.esm-bundler.js:38

[Vue 警告]：无法解决

组件：VuePhoneNumberInput at <Registro ref=Ref< Proxy { : {…}, : {…} }

key="/registro" isInOutlet=true ... > at at at

我的全球注册：

其他组件：

我正在开发一个应用程序，其中包含我想要分页的对象列表。我找到了 vuejs-paginate插件，但我无法让它在我看来工作。

通过 npm 安装并在视图中导入后，它的标签实际上在页面的 HTML 骨架中，但它什么也没显示。控制台中也没有显示错误，只有这个 Vue 警告：

[Vue 警告]：无法解析组件：分页

会不会是导入的问题？你可以帮帮我吗？

我附上了我的部分代码，这样你就可以看到我是如何声明它的。

我在尝试导入其他“外部”组件时也发生过这种情况。这可能是与离子有关的问题吗？

先感谢您！

我正在为 PC、标签和移动设备开发一个应用程序，它包含一个项目列表。每个项目都有一个详细信息页面。这个想法是在用户单击该特定项目时显示每个项目的详细信息页面，但根据设备的不同具有不同的行为。在 PC/平板电脑中，详情视图将显示在列表的右侧，而在移动设备中，详情页面将在新页面中打开。你可以在这张图片中看到这个想法：

这张图片是由 Martin Pritchard 制作的，他在几年前写了这篇关于如何解决我现在面临的同样问题的Medium 帖子。他在带有 Angular 的 Ionic 3 中使用了 IonSplitPane。恐怕我不能使用这种方法，或者至少我无法用 Vue 复制它。

我已经尝试将 IonSplitPane 与 IonMenu 一起使用，但行为不是预期的，因为我不需要在移动视图中折叠的“汉堡包”菜单。此外，我仅尝试使用 IonSplitPane 并且无法将可折叠侧放在最后（因为它应该是隐藏在移动设备中的详细视图，而不是左侧（主）窗格）。我什至不确定这是否是一个解决方案，因为我需要在移动设备中将详细信息页面显示在新视图中。

有没有人遇到过这个问题并且可以帮助我？

非常感谢您提前。

我正在尝试从 tabe 组件导航到 workOrder 组件。我正在使用默认的离子标签。

问题是当我从选项卡 1 切换到 wordOrder 组件时，它工作得很好，但它也会呈现以前的组件，即选项卡组件

这是选项卡 1 组件

但是当我从侧面菜单中选择工作订单时，它也会呈现选项卡一个组件

我想摆脱这个问题。

这是我用来切换的侧面菜单

这是工单组件

路由器文件

"@vuelidate/core": "^2.0.0-alpha.14",

"@vuelidate/validators": "^2.0.0-alpha.12",

输入密码：123，当开始输入确认密码字段的值时，即使我已将惰性验证声明为真，也会显示验证错误消息。假设当用户离开该字段时触发验证。

我已经尝试过 v-model.lazy 并且还在验证中包含 $lazy: true {}

我在 Ionic Vue 中开发了一个聊天应用程序。要始终看到最新消息，我必须自动滑到底部。

对于网络，我使用 vue-chat-scroll，但这不适用于 Ionic Vue。

我尝试了很多不同的策略，但没有任何效果：

或者

或者

或者

我还尝试了列出聊天消息的不同方法：

• IonGrid 与 Rows 的组合
• 一个正常的 ul / li 列表
• 只用 div

所以我对 ionic 5 for vue 有问题，我正在使用 ion-select & ion-select-option 组件。所以我想做的事情是

1. 改变宽度
2. 当内容足够长时， ion-select-option 中的文本将中断并向下创建新行

我已经尝试过 variable.css 但仍然无法正常工作

所以这是我的CSS代码