问题标签 [composable]

我们已经构建了一个大型 Vuejs 应用程序，我们现在将其组件添加到 Vuepress。

然而，我们在弄清楚如何迁移一些全局使用的插件和整个项目中使用的可组合函数时遇到了问题。它们是格式化日期、货币和大小写的典型助手插件。

一个例子是大写文本{{ postTitle | uppercase }}，另一个被称为 insidecomputed或methodsasuppercase(String)

我找不到任何关于如何创建和管理辅助函数的 Vuepress 文档。

非常感谢任何帮助者。

当我使用 CompositionLocal 时，我从父级获取数据并对其进行了修改，但我发现它不会触发子级重组。

我已经成功地改变了数据，这可以通过当我在子可组合中添加一个额外的状态然后改变它来触发重组我可以得到新的数据来证明。

有人可以帮我吗？

附加

如下代码

我发现一种解决方法是currentRecomposable用来强制重组，也许有更好的方法，请告诉我。

我是使用可组合框架创建 UI 的新手。但是，我试图从一组边界中绘制一个矩形。但是，尝试在图像分析器中绘图时出现以下错误：

关于如何解决这个问题的任何想法？

我的代码摘录：

填充代码为drawBounds

I want the size of the text to be in .dp so that it doesn't change according to the system font. How to achieve this in Jetpack Compose "Text" composable

在 AWS 中创建可组合的 API，这些 API 基本上被用作查询数据库的一种方式。因此，我没有任何强制性参数。不确定如何指示不需要强制参数，同时仍然能够成功运行代码。

我正在使用带有组合 Api、vuex 和 apollo 客户端的 vue2 来请求 graphql API，并且在用 jest 模拟可组合函数时遇到问题

考试：

测试失败，因为使用 ('setData', { value: undefined }) 调用提交，这是原始 apolloQueryService 的结果。我的 Mock 似乎不起作用。难道我做错了什么？感谢任何帮助，谢谢！

我一直在尝试使用 Compose 1.0.0-beta09、Kotlin 1.5.10 和 Jetpack Navigation 2.3.4 组合一个简单的应用程序。该应用程序有一个活动和两个片段。

第一个（主要）片段/屏幕（单击按钮将我带到第二个片段/屏幕）：屏幕一个屏幕截图

第二个片段：/screen：屏幕二截图

问题：在第一个屏幕上与TextField交互（将光标放入）并随后单击按钮后，第二个屏幕加载但为空（调用 SecondFragment 的 onCreateView 但 setContent 不起作用/屏幕不'没有得到重组？）。如果我不与 TextField 交互，则不会发生问题。我已经在 API 级别 28 和 30、compose 1.0.0-beta0709、Kotlin 1.4.32 和 1.5.10 的模拟器上进行了测试，结果相似。

空屏二

主要课程：

我正在使用 vue2 的组合 api 插件（https://github.com/vuejs/composition-api）在我的应用程序中重用可组合项。

我有两个组件可以重用我的modalTrigger.js可组合组件，我想在其中声明某种共享状态（而不是使用臃肿的 vuex 状态管理）。

因此，在我的组件中，我执行以下操作：

在我的 modalTrigger 中，我有如下代码：

这有效，但这只是因为我modalOpen在函数之外声明了变量。如果我使用这个：

它不是响应式的，因为 modalTrigger 被实例化了两次，都具有它自己的响应式属性。

我不知道这是否真的是要走的路，看来，我做错了什么。

我还尝试在外面声明 ref：

但这会引发错误：

未捕获的错误：[vue-composition-api] 必须在使用任何函数之前调用 Vue.use(plugin)。

那么实现这一目标的正确方法是什么？我以某种方式期望 Vue 知道现有的 modalTrigger 实例并自己处理重复变量的创建......

好吧，无论如何，非常感谢您提供任何提示和提示。

干杯

编辑：

完整的 header.vue 文件：

组合 API 设置在其他地方，那里安装的 Vue 组件与通常情况略有不同。

所以我不能真正分享整个代码，但它里面有这个：

组合 API 和其他所有可组合的工作都很好......

目前使用 Composable 为 CameraX 构建 PreviewView。但是，正如您在图像中看到的那样，实际视图无法正确渲染，需要多次切换相机才能变得正确。为什么是这样？我附上了我的源代码以供参考。

宽度和高度不正确

}

您是否看到任何可能导致问题的原因？这让我难以置信。

再会！

假设我想使用带有选项 api 的 Vue，但也不想使用 mixins，因为它们会导致很多问题。我想使用可组合作为混合来为混合/可组合提供命名空间。

所以，我的“解决方案”是结合 options api 和 composition api。

假设我有一个这样的mixin：

所以我决定将其转换为可组合的，如下所示：

因此，在我的 .vue 文件中，我可以导入可组合：

我知道我可以在 setup 函数中解构可组合并返回它：

但是，这没有任何意义，因为无论如何它都会与组件状态混淆。

另外，我可以只对一个对象使用 mixins，但我不确定。

我很好奇是否可以做我想做的事。

有什么方法可以在选项 api vue 代码中使用可组合的响应和 ref 元素的对象？

提前致谢！