@alex_mapleart

Как передать v-model через компонент обертку?

Всем привет. В своем проекте я использую Vuetify, для удобства все элементы формы я оборачиваю своим компонентом. Меня интересует такой момент как проще всего связать v-model родительского и дочернего компонента. Сейчас я использую такую конструкцию

export default {
                template: '<v-text-field v-model="model"></v-text-field>',
                props: ['value'],
                data(){
                        return {
                                model: '',
                        }
                },

                created(){
                        this.model = this.value;
                },

                mounted() {
                        this.model = this.value;
                },
                watch: {
                        value(){
                                this.model = this.value;
                        },
                        model(){
                                this.$emit('input', this.model)
                        },
                }
        }


Подскажите, может это можно сделать еще проще ?
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
В документации описано как создавать такие обертки
https://v3.vuejs.org/guide/component-basics.html#u...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
23 окт. 2020, в 05:33
15000 руб./за проект
23 окт. 2020, в 03:00
1500 руб./за проект