Alex
Alex
Ruslan
Кому как нравится. Можно html-валидацию заюзать, можно вручную свойства проверять и алерты кидать, можно объект валидировать например через ajv, можно vue-плагины юзать для валидации (в т.ч. vee-validate)
А из плагинов у кого-то был опыт использования и рекомендации?
Stanislav
Видимо все одобрения Эвана ждут
Сначала начал пилить один чувак, потом он "Сори, ай дон'т хэв тайм".
Через некоторое время пришел другой и: "Я спасу маленьких вьюверов!".
Но потом опять все тихо.
Alex
А из плагинов у кого-то был опыт использования и рекомендации?
лучше попробуйте несколько и выберите для себя самый понравившийся
Sasha
Поделитесь кто нибудь ссылкой на какой то готовый проект на vuejs 😵
https://github.com/zmts/vuejs-boilerplate
Готовые production ready ты врядли найдешь. Глянь может этот чем-то сойдет. Это моя заготовка
Igor
https://github.com/zmts/vuejs-boilerplate
Готовые production ready ты врядли найдешь. Глянь может этот чем-то сойдет. Это моя заготовка
пасиб, да меня больше интересовала структура и принцип разделения на компоненты и тд
Sasha
А как по-трушному во Vue валидацию делают? Слышал что-то плохое в сторону vee-validate
попробуй https://monterail.github.io/vuelidate/ плагин весьма хорош
Sasha
пасиб, да меня больше интересовала структура и принцип разделения на компоненты и тд
Ну тогда тебе по адресу))
Igor
да пасиб
Ruslan
попробуй https://monterail.github.io/vuelidate/ плагин весьма хорош
Да вот сейчас как раз доку читаю, спасибо. Компания известная. Это плюс.
🐏 Alexander
А как по-трушному во Vue валидацию делают? Слышал что-то плохое в сторону vee-validate
нативный js всегда хорош, можно импортировать просто функцию из какого нибудь validateForm.js, и просто вызывать ее в компоненте, а можно конечно и жестко завязаться на фреймворке и использовать vuelidate
Anonymous
А как по-трушному во Vue валидацию делают? Слышал что-то плохое в сторону vee-validate
Смотря какую валидацию
Ruslan
email-ы, regexp-ы. Длинна текста input / textfield
Ruslan
Классический текст короче
Alex
нативный js всегда хорош, можно импортировать просто функцию из какого нибудь validateForm.js, и просто вызывать ее в компоненте, а можно конечно и жестко завязаться на фреймворке и использовать vuelidate
Можно, просто vue-плагины обычно добавляют удобные привязки чтобы показывать ошибки и проч
Sasha
vuelidate можно использовать в качестве валидатора любую кастомную функцию
Alex
которые правда выливаются в кучу странных свойств :) $v $touch итп
🐏 Alexander
валидация не всегда нужна для форм, так что намного гибче будешь валидировать через функцию обычную
Alex
если не формы валидировать, то ajv мне кажется тут хорошо подходит
Sasha
которые правда выливаются в кучу странных свойств :) $v $touch итп
Чем оны страшные. Это хелперы которые помогают жить)
Alex
пилишь схему по которой он валидирует json и кидаешь ему объекты
Alex
Чем оны страшные. Это хелперы которые помогают жить)
однобуквенные переменные тоже не страшны, ага)
Sasha
$v » Две))
Alex
доллар лишь показывает что служебная)
Sasha
Если дев в контексе то все будет ок)
Alex
да это понятно)
Alex
вопрос всегда во времени, которое потребуется въезжать когда без контекста) ну это уже может я придираюсь)
Sunlive
@everyone The one you've all been waiting for! - https://github.com/vuetifyjs/vuetify/releases/tag/v1.0.0
Comes with a flash sale in the new store, first 20 alpha theme orders get $5 off with the coupon code LAUNCHSALE(изменено)
Yaroslav
Всем мир! Вопрос: можно ли передать компоненту все props в виде одного объекта, а не по одному. Например вместо ... :one="1" two="2" ... , ... :props="{one:1,two:2} ...
Varyen
а я только его хотел применить в проекте )
Alexander
🐏 Alexander
Andrey
v-bind="propsObject"
Yaroslav
Огонь! Пасиб!
Dmitry
Всем привет. Есть вопрос, нормальная ли практика для операций Create и Update создавать отдельные формы (компоненты)? Для Create - CreateUser, для Update-UpdateUser. Понятно что можно использовать одну, но тогда приходится переопределять некоторые данные, и добавлять условия, например: логика и название кнопок сохранить/добавить, заголовок формы...
Денис
Serge
Roman
Serge
это уже не бетка )
Судя по колву багов - бетка.
Пред. "бетки" колбасило как "альфы". Вряд ли станет сразу хорошо
Anykeyman
Господа, посоветуйте чаты по web-design, хочу совета спросить)
Artur
Добрый вечер, подскажите пожалуйста, как правильно работать с props, когда необходимо их обработать и передать в следующий компонент
беда в том, что передаются они ещё не успев обработаться
Sunlive
у меня баттоны в тулбаре херово работали
Sunlive
где то в 1.0.0.4 бете
Wingman
Народ, а как правильно использовать render? :)
Например, если я делаю render: (h, params) => { return h('Button') } — то всё ок. Но если вместо button пихаю свой ранее импортированный компонент - то всё, "Unknown custom element: did you register the component correctly? "
Sunlive
хз, ты зарегил компонент?
Sunlive
судя по ошибке нет
Sunlive
мб надо глобально ваще?
Wingman
В том-то и дело, что зарегал (в текущем компоненте)
Wingman
Глобально не пробовал, но и не хочется, это же каша будет)
Artur
computed?
спасибо за совет, но не вылечило
компонент графика инициализируется до того как массив данных обработается и в итоге приходит пустой
совсем не пониаю где и что упускаю
Sunlive
👺
Alexey
спасибо за совет, но не вылечило
компонент графика инициализируется до того как массив данных обработается и в итоге приходит пустой
совсем не пониаю где и что упускаю
в компутеде можно выдавать пустой результат пока данные не обработались или в дочерней компоненте анализировать пустоту
Alexey
Личный кабинет модульбанка написан на первом ангуляре
Someone
Sasha
Всем привет. Есть вопрос, нормальная ли практика для операций Create и Update создавать отдельные формы (компоненты)? Для Create - CreateUser, для Update-UpdateUser. Понятно что можно использовать одну, но тогда приходится переопределять некоторые данные, и добавлять условия, например: логика и название кнопок сохранить/добавить, заголовок формы...
Можно и одним компонентом обойтись CreateUpdateItem. В зависимости от того есть ли ID айтема показывать те или иные кнопки и вызывать соотвествующие методы create/update
Wingman
там слажна )
data() -> iviewui table -> columns -> одному из columns добавляю render
Sunlive
а что такое button в твоем примере? это тоже компонент?
Wingman
да, но в составе ui-фреймворка
Sunlive
глянь тогда исходники, как они там делают его
Andrey
Всем добрый вечер, подскажите пожалуйста, почему у меня через props ничего не передается, конкретно пытаюсь в этом примере передать message из parent компонента в child и вывести его просто внутри компонента, нигде примеров не могу нормальных найти
https://jsfiddle.net/50wL7mdz/98337/
Alisher
Всем добрый вечер, подскажите пожалуйста, почему у меня через props ничего не передается, конкретно пытаюсь в этом примере передать message из parent компонента в child и вывести его просто внутри компонента, нигде примеров не могу нормальных найти
https://jsfiddle.net/50wL7mdz/98337/
template : <div>{{test}} child message: {{message}}</div>,
data() {
return {
test: 123,
}
},
props: {
message : «»
},
mounted() {
console.log(this.msg)
//alert(this.msg)
}
Andrey
да, спасибо) сработало
Кирилл
Добрый вечер. Есть компонент vue-form-generator. On create подтягиваются значения полей. Как там где fieldType: select подтянуть из апи выпадающие списки? И какие бест практически по вызову ajax, видел их хранят в парентовом компоненте и прикидывают пропсами
Alex
Добрый вечер. Есть компонент vue-form-generator. On create подтягиваются значения полей. Как там где fieldType: select подтянуть из апи выпадающие списки? И какие бест практически по вызову ajax, видел их хранят в парентовом компоненте и прикидывают пропсами
Схему делать в вычисляемом свойстве, варианты подставлять из свойства, списки грузить как обычно
Кирилл
Кирилл
Схему делать в вычисляемом свойстве, варианты подставлять из свойства, списки грузить как обычно
Сработало, ещё раз спасибо, непонятно, если я храню в обычных свойствах в чем разница?
Alex
Ай нид хелп. У меня разработывается проект на nuxtjs. в папке assets лежит папка fonts с локальными шрифтами. Не хотят подгружаться ни в какую. вот код из scss
@font-face {
font-family: Geometria;
src: url(~assets/fonts/Geometria.otf) format("otf");
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
}
$geo-normal: Geometria;
h1 {
font-family: $geo-normal;
}
в билде всё правильно компилируется, а шрифта нет ((
Может кто знает как полечить?
Vladislav
Ай нид хелп. У меня разработывается проект на nuxtjs. в папке assets лежит папка fonts с локальными шрифтами. Не хотят подгружаться ни в какую. вот код из scss
@font-face {
font-family: Geometria;
src: url(~assets/fonts/Geometria.otf) format("otf");
font-weight: normal;
font-style: normal;
text-rendering: optimizeLegibility;
}
$geo-normal: Geometria;
h1 {
font-family: $geo-normal;
}
в билде всё правильно компилируется, а шрифта нет ((
Может кто знает как полечить?
Попробуй в фонт фейс -> фонт фамили название взять в ковылём
Vladislav
Ковычки