如何在自定义组件上启用v-model？ [英] How to enable v-model on custom component?

问题描述

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

:text="text" 

和

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

其中"text"是其道具，其命名和显示方式与普通TextField道具完全相同。

该模式应该可以在Web上工作，但我不知道在原生脚本VUE组件上是否可能。请看我在操场做的代码：https://play.nativescript.org/?template=play-vue&id=Ikap1R&v=1

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

谢谢

推荐答案

您不需要专门为{N}做任何事情，如果您知道它如何使用Vue.js，您就可以了。

您只需对输入值使用value属性并在更改时发出input事件。

Updated Playground

这篇关于如何在自定义组件上启用v-model？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！