问题标签 [vue-native]

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 投票
2 回答
344 浏览

vue-native - 按钮 v-on:click 在 Vue Native 中不起作用

我正在尝试button v-on:click在 Vue Native 中工作,但它没有按预期更新变量。这是一个基本项目的 App.vue 文件中的代码:

的值counter始终显示为 0,即使在多次单击“添加 1”按钮后也是如此。为什么不能button v-on:click在 Vue Native 中工作?

编辑#1:
正如@Suoakira 指出的按钮代码不正确,因此它已更新如下:
<button v-on:click="counter++" title="Add 1" />
但是,counter即使单击“添加 1”按钮,值仍然始终显示 0。为什么这在 Vue Native 中不起作用?

编辑#2:
我仍然没有找到在标签v-on:click中使用 Vue Native 工作的方法。button但是,以下替代方法有效。它比原始帖子进一步发展。:on-press它演示了使用in 的两种不同方法touchable-opacity。如果有人知道如何在 Vue Native 中编写等效的 usingv-on:clickbutton标签,我肯定希望看到该解决方案。同时 -

0 投票
1 回答
29 浏览

vue.js - 如何解决安装 vue native 的问题?

当我安装 vue native 时。我明白了这个错误。 在此处输入图像描述 我无法理解我需要做什么。我找到了一些关于 babel Requires Babel "7.0.0-0" 但加载了 "6.26.3" 安装的链接,但它不起作用。

0 投票
1 回答
646 浏览

android - 反应原生动画跳到结束值

我在我的 Vue Native 应用程序中使用 React Native Animations。它们通常可以正常工作,但由于某种原因,当我尝试为 paddingTop 和 paddingBottom 设置动画时,这些值会跳到它们的最终值,而不是通过它们平滑地设置动画。

这似乎只有在屏幕上有很多视图(15+)时才会发生。请注意,并非所有这些视图都具有动画效果,只有一个!另请注意,动画这些视图的不透明度确实可以正常工作,只是填充动画正在跳过。

我不能使用useNativeDriver,因为不支持 paddingTop/Bottom,并且缓动功能似乎没有帮助。如果我调整持续时间,那么跳过的动画会更正常,但不跳过的动画显然非常慢。

这只是 React Native/Vue Native 的限制吗?

一个片段(注意 opacityGrowth 没有与 paddingMod 同时被动画化):

0 投票
1 回答
7171 浏览

vue.js - 如何将我的 nuxt 通用应用程序转换为移动原生应用程序

我已经制作了几个Nuxt RND(通用和 spa)应用程序。现在我想把这些应用程序变成原生移动应用程序。Vue native 是一种选择,但我只想用 SSR 模式保持所有东西的形状

请给我您宝贵的建议

谢谢大家,提前谢谢:)

0 投票
1 回答
206 浏览

react-native - react-native/vue-native 是否使用设备原生样式?

我正在创建一个 vue 本机应用程序,但输入文本看起来像 HTML 上的输入文本。我认为 vue-native 会为每个设备创建一个带有原生样式的原生输入。
我忘记了什么吗?

我发现https://nativebase.io/这似乎是我需要的解决方案。由于我是这个原生应用程序的新手,这个库是在每个设备上实现原生样式的方式吗?

0 投票
0 回答
74 浏览

android - 如何在应用设置中默认启用 android 快捷方式徽章

应用通知设置

我正在 expo 和 vue-native 上创建一个应用程序。如何在应用安装后默认启用在设置中显示应用图标徽章浮动通知?也许一些权限?我需要将我的项目分离到 ExpoKit 吗?

0 投票
0 回答
282 浏览

javascript - Vue .native on 事件有时需要有时不需要(在同一个组件中)

我刚刚在运行 vue 应用时遇到了一些我不理解的事情。我有一个按钮,它包含在多个父组件中。我刚刚为 and 添加了一些事件监听mouseovermouseout

在一种情况下,我必须调用该函数,.native并且当在另一个父级中使用按钮组件时,我必须将其保留以进行调用。

为了完整起见,我将模板的所有内容都保留在这里:

您可以看到我现在添加了@mouseoverand@mouseover.native来涵盖这两种情况。

我真的很感兴趣是什么导致了这里的差异。老实说,我并不完全理解vue docs 中的部分

我还意识到我在访问 DOM 元素的样式属性的方式上有所不同。我给了它一个参考:ref="button"我通常会通过以下方式访问它:

this.$refs.button.style.backgroundColor 但是在我需要.native调用该方法的情况下,我还需要$el访问 stlye 属性:this.$refs.button.$el.style.backgroundColor

我现在不仅不明白到底发生了什么,而且我的按钮组件在这两种情况之一中都会失败,因为我无法以相同的方式访问 style 属性。

我如何使用该组件的唯一区别是,在一种情况下,按钮出现在v-for-loop 中。其他一切都完全相同。这会导致不同的行为吗?

感谢您提供有关这方面的一些背景信息。干杯


编辑

这是我的父组件模板:

这是我必须在@mouseout没有本机的情况下使用的地方:

这是我需要.native并且必须通过以下方式访问参考的 地方this.$refs.button.$el

0 投票
0 回答
829 浏览

react-native - 适用于 iOS 和 Android 的原生 Base 选择器,具有动态创建的项目列表

我正在尝试在与 iOS 和 Android 兼容的 Vue Native 项目中编写 Native Base Picker 组件。以下代码在两者上都能正常工作:

这很好,但下一步是通过让组件从数组中生成选择器项目来使组件更具可重用性。这是我的尝试:

这在 iOS 和 Android 上都失败了。在 iOS 上,选择器不会显示任何项目。在 Android 上,会抛出一个错误,上面写着“更新由 AndroidDropdownPicker 管理的视图的属性‘项目’时出错”,然后是一个新行,上面写着“null”,然后是另一个新行,上面写着“标签”。应该改变什么才能让它工作?

0 投票
1 回答
128 浏览

javascript - 自动重置移动应用中的所有字段

我正在编写一个 Vue Native 应用程序,并尝试event.target.reset()在应用程序加载时将字段重置为其原始值,根据 @Vladimir Salguero 的帖子,该帖子适用于该线程中的 VueJS 。但是,这会导致按下重置按钮时手机上出现以下错误消息:TypeError: event.target.reset is not a function。(在 'event.target.reset()' 中,'event.target.reset' 未定义)

这是位于<script>标签中的重置方法:

以下是从<template>标签中调用它的方式:

[Native Base 也被用于 UI 组件,因此nb标签中的前缀]。

当方法中的// console.log(event);reset()启用时,它会在控制台中显示以下信息:

显然,reset在这个事件中没有。那么,如何在不添加代码手动重置每个字段的情况下自动重置应用程序中的所有字段?

0 投票
1 回答
52 浏览

vue.js - 在Vue中重置文本输入的值

我正在尝试按照此博客文章中所示的“键更改”说明构建重置按钮。这是代码:

最初渲染时会出现一个文本框,里面的值是 14。当用户输入更多数字时,它会按预期发生变化。但是,当用户单击重置按钮时,没有任何反应。仍然显示用户输入的最后一个数字。我本来希望文本框中的数字重置为 14。重置方法正在被调用,并且componentKey每次单击重置按钮时都会正确递增,因为这是可见的:

此示例显示了按 5 次按钮后控制台中显示的内容。那么为什么文本框中的值没有被重置为 14?