如何在自定义组件上启用v模型?

时间:2019-01-20 18:11:44

标签: nativescript nativescript-vue

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

:text="text" 

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

其中的“文本”是其道具,其名称与普通TextField道具完全相同。

该模式应该可以在Web上运行,但我不知道在nativescript vue组件上是否可行。请查看我在操场上编写的代码:https://play.nativescript.org/?template=play-vue&id=Ikap1R&v=1

不起作用。如果您知道解决方案,请提供帮助。

谢谢

1 个答案:

答案 0 :(得分:1)

您不需要专门为{N}做任何事情,如果您知道它如何与Vue.js一起工作,就可以了。

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

Updated Playground