Коллеги, доброго дня. вот такой простой компонент: <template> <form

Question

Коллеги, доброго дня. вот такой простой компонент: <template> <form

autocomplete="off" @submit.prevent="submit" method="post">
<input type="text" id="name" class="form-control" v-model="name" required>
<div v-for="role in roles">
<input type="checkbox" :id="role.id" :value="role.id" v-model="selectedRoles">
<label :for="role.id">{{ role.name }}</label>
</div>
<button type="submit" class="btn btn-success">Сохранить</button>
</form>
</template>

<script>
export default {
data() {
return {
name: null,
roles: null,
selectedRoles: [],
};
},
methods: {
submit() {

},
},
mounted() {
let app = this;

app.$http.get('users/roles').then(function (resp) {
app.roles = resp.data.roles;
}, function () {
window.alertify.error('Не удалось получить роли');
});
},
}
</script>
—-
задача при отрисовке получить с сервера список доступных ролей и вывести их в форме с возможность выбора.
проблема: после заполнения roles required поля подсвечиваются как ошибка валидации
как этого избежать? кто-нибудь сталкивался?

#frontend #javascript #programming #russian #vue.js

0

08.02.2019

1 ответов

16 просмотров

Artem Malahov · Answer 1

Artem Malahov Автор вопроса

ребят, нет идей? может я тупо что-то делаю неправильно и есть другой путь?

0

08.02.2019

169 похожих чатов

Коллеги, доброго дня. вот такой простой компонент: <template> <form

1 ответов

Похожие вопросы