nativescript - 如何在自定义组件上启用 v-model？

Question

我正在尝试将 TexField ui 包装到一个新的自定义组件中，以便我可以添加额外的功能并在项目中重用该组件。我希望它仍然具有 v-model 绑定，所以我实现了以下内容：

:text="text"

和

@textChange="(update)=>{$emit('textChange', update.value)}"

其中“文本”是它的道具，它被命名并完全像普通的 TextField 道具一样暴露。

该模式应该可以在网络上使用，但我不知道它是否可以在 nativescript vue 组件上使用。请看一下我在操场上制作的代码：https ://play.nativescript.org/?template=play-vue&id=Ikap1R&v=1

它不工作。如果您知道解决方案，请提供帮助。

谢谢

score 3 · Accepted Answer

你不需要专门为 {N} 做任何事情，如果你知道它是如何与 Vue.js 一起工作的，那么你就明白了。

您所要做的就是使用value道具作为输入值并input在更改时发出事件。

1 回答 1