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

How to enable v-model on custom component?

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

:text="text" 

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

其中 "text" 是其 prop 的命名和公开方式,与普通的 TextField prop 完全相同。

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

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

谢谢

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

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

Updated Playground