问题标签 [nativescript-vue]

Nativescript 和 Vue 非常新，所以请原谅我半生不熟的问题。

我正在尝试构建一个小应用程序，其中我有一个图像标签和一个按钮，按下按钮时，图像应该显示，我希望这个图像源作为变量传递，但是在按下按钮时，我的应用程序崩溃了，我正在 nativescript 操场上写这个。

这是代码：

非常感谢任何帮助。！

问候，~哈利

我试图找出正确的方法来调试用 NativeScript-Vue 编写的应用程序并使用“vue-cli-template”。

目前支持两种模板：

1.“nativescript-vue-template”

这个要简单得多，调试也很容易。已经有一个有用的答案。调试是使用 chrome-devtools 完成的。此模板不使用 vue-cli/Webpack/Babel，因此您可以在 Chrome 中查看的“Sources”不会以任何方式更改。您可以在那里轻松设置断点。只需运行例如：

您还可以使用非常好的 VS Code 插件。

2.“vue-cli-模板”

这个使用 vue-cli/Webpack/Babel，这样 .vue Single File Components 可以用不同的方式编译。

以全新安装的“vue-cli-template”为例：

跑：

当您查看模板中提供的“Hello world”演示应用的“Sources”时，app.js 文件有 17700 行代码。它基本上是编译后的 dist/app/app.android.js 文件。

我对基于 vue-cli 的应用程序有一些经验。在根据Vue 文档配置的应用程序中，当您在 Chrome 开发工具中查看“Sources”时，除了已编译的源代码之外，您还可以访问包含原始代码的“webpack://”节点。您可以在那里设置断点并且它可以工作。

不幸的是，“vue-cli-template”不能以这种方式工作。没有可用的“webpack://”节点。您只能访问已编译的源代码。

我试图按照提到的Vue 文档来解决这个问题。我应该添加

到 vue.config.js 文件。模板没有它。我应该创建一个吗？如果有，在哪里？也许我需要其他 Webpack 配置？

我使用 nativescript-vue 制作了一个简单的应用程序，在主页上我有一个启动扫描仪的按钮，以便我可以扫描产品。这是我的主页：

在这里我遇到了一个问题，因为“this.text = result.text;”这一行 不起作用，所以我不知道如何存储 result.text 值。

我正在考虑将Fastlane与NativeScript Vue一起使用，并想知道如何设置整个事情......

有人知道如何设置 iOS/Android 项目路径而不是fastlane init在 iOS/Android 项目文件夹上执行吗？问题是 NS 构建将覆盖 iOS/Android 项目所在的文件夹。

任何线索/帮助将不胜感激！:-)

我有一个这样的模板组件（页面）：

在我对成分列表的循环中，我遇到了一个问题，只有前十个显示，我无法向下滚动查看其他。有没有办法获得卷轴？

在 flexbox 布局中，我希望左侧有一个图像，右侧有一个中心标签标题：

在我的情况下，标签文本向右但不是中心，关于如何做到这一点的任何想法？

我正在尝试将nativescript-slide与 NativeScript Vue 一起使用。滑块按预期工作，但我找不到如何监听事件。

有人知道我要怎么写才能doSomething生火吗？或者只是我如何收听changed事件？

我在 db 文件夹中有一个 db.js 文件，我想在其中存储要包含在我的应用程序中的长文本：

在我的模板中，我这样称呼它：

当我在挂载上记录我的文本时，它可以工作，但它在 TextView 组件中出错。

看来我在这里做的不好。

I'm building my first Nativescript app with Nativescript-vue and I'm having trouble with the layout of a page.

The Documentation shows you how to layout a page but it isn't too clear on overall usage and I can't see if you can use more than one layout style per page

I'd like to start out using a stacklayout for the top of the page but then display some data in a table so I'm using grid layout for the lower part.

What I'm finding is that when I use more than one layout it only shows the last one on the page

Example: (Only the GridLayout section displays on the page, the stacklayout is invisible)

Q: is there a way to show more than one layout option per page?

我正在尝试使用 FontAwesome 图标集在 NativeScript 和 Vue.js 上构建应用程序，但我无法找出问题所在，因为我什至没有错误提示消息。

我忠实地遵循文档，但没有任何反应。我到处搜索，但......什么都没有。

如果你能帮我解决这个问题，我将不胜感激。

文档：https ://nativescript-vue.org/blog/using-fonticons/

谢谢！

解决方案

• 在app文件夹中创建一个名为fonts的文件夹
• 生成样式文件并放入以下代码

font-family 第一部分是命名字体系列，在逗号之后，我们将写入这些字体的路径。