abler98
@abler98
Software Engineer

VueJS. Как создать реактивный класс?

class MessageBag {
    set (errors) {
        // Нужно при вызове этого метода сообщать об изменениях в компонент
        this.errors = errors;
    }
    has (key) {
        return this.errors.hasOwnProperty(key)
    }
}

class Validator {
    constructor (component) {
        this.errors = new MessageBag;
        this.component = component;
        this.update();
    }
    handle (errors) {
        this.errors.set(errors);
    }
    update () {
        this.errors.set({ /* Empty object */ });
    }
}

module.exports = (component) => {
    return new Validator(component);
}

В компоненте:
created () {
            this.$validator = require('../../validator')(this);
        },

<div :class="[{ 'has-error': $validator.errors.has('title') }, 'form-group']">
                            <label class="control-label" for="title">Заголовок</label>
                            <input id="title" name="title" type="text"
                                   class="form-control" v-model="form.title">
                        </div>

Как такое можно реализовать?
  • Вопрос задан
  • 258 просмотров
Пригласить эксперта
Ответы на вопрос 1
Для валидации советую использовать vue validator
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
28 нояб. 2024, в 05:21
2000 руб./за проект
28 нояб. 2024, в 05:18
500 руб./за проект
28 нояб. 2024, в 03:51
3500 руб./за проект