Как включить v-модель для пользовательского компонента?

Question

Я пытаюсь обернуть пользовательский интерфейс TexField в новый пользовательский компонент, чтобы я мог добавить дополнительные функции и повторно использовать компонент в проекте.Я хочу, чтобы он все еще имел привязку v-модели, поэтому я реализовал следующее:

:text="text" 

и

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

, где "текст" - это его имя, названное и выставленное точно как нормальноеTextField prop.

Шаблон должен работать в сети, но я не знаю, возможно ли это для компонента nativescript vue.Пожалуйста, посмотрите на код, который я сделал на детской площадке: https://play.nativescript.org/?template=play-vue&id=Ikap1R&v=1

Это не работает.Пожалуйста, помогите, если вы знаете решение.

Спасибо

Answer 1

Вы ничего не должны делать специально для {N}, если вы знаете, как он работает с Vue.js, вы его получили.

Все, что вам нужно сделать, это использовать value опору для входного значения и генерировать событие input при изменении.

Обновленная игровая площадка