не уж то пацаны начали ts юзать
да не, бред какой то
Sunlive
Alexander
парни, во vuetify как грамотно очистить поле v-text-field ?
на поле навешено правило
username: [(val) => !!val || "This field can't be empty"]
если присваиваю ему пустоту "", то генерится ошибка.
Завтра
Anonymous
Камрады, как решаете эту проблему в своих проектах?
https://github.com/vuejs/vue/issues/7088
Alexander
а нет тега как в реакте '<> ... </>' render nothing?
ℝei
Нет
Stanislav
а нет тега как в реакте '<> ... </>' render nothing?
В корне для шаблонов нет. Можно вернуть массив в рендер функции.
Просто в шаблонах можно через template
Anonymous
Нет, а к сожалению иногда приходится сталкиваться с ситуацией, когда:
<!-- component 1 -->
<div />
<div />
<!-- component 2 -->
<div />
<div />
и нельзя оборачивать например (по условию)
Anonymous
В корне для шаблонов нет. Можно вернуть массив в рендер функции.
Просто в шаблонах можно через template
Cannot use <template> as component root element because it may contain multiple nodes.
Александр
Может это глюк был, но на этой неделе вапалайзер мне показывал, что гугл vue использует в гугл поиске. Сейчас уже нет почему-то
Demetrio
Cannot use <template> as component root element because it may contain multiple nodes.
» В корне для шаблонов нет.
Stanislav
Cannot use <template> as component root element because it may contain multiple nodes.
нууу.....
>В корне для шаблонов нет.
Demetrio
ну так ответ и не тебе
Stanislav
А вот в корне и требуется вернуть несколько нод.
>Можно вернуть массив в рендер функции
Anonymous
Будет Multiple root nodes returned from render function. Render function should return a single root node.
ℝei
Зачем тебе это надо? ты не можешь в одном корне две вернуть?
Anonymous
Зачем тебе это надо? ты не можешь в одном корне две вернуть?
Жесткая верстка, я не могу по условию задачи обернуть в еще один элемент.
Anonymous
В React это решается фрагментами https://reactjs.org/docs/fragments.html
Stanislav
Будет Multiple root nodes returned from render function. Render function should return a single root node.
Да, пардон. Это можно только в функциональных компонентах.
https://jsfiddle.net/c01nd01r/b41jbw0y/
Stanislav
Кстати, я не попробовал, может в functional templates тоже можно
Stanislav
В React это решается фрагментами https://reactjs.org/docs/fragments.html
Ну в реакт в 16 версии переписал свой vdom.
Anonymous
Да, пардон. Это можно только в функциональных компонентах.
https://jsfiddle.net/c01nd01r/b41jbw0y/
Фактически избавляясь от обертки в разметке, мы приходим к обертке в виде функционального компонента. Костыль. 😔
Stanislav
Anonymous
Привет, может кто подсказать плагин для валидации телефона
Anonymous
nuxt
Николаич
Ребятушки, а как с flow типизировать пропсы?
Алексей
народ, кто vuex использует, насколько на производительности сказывается в худшую сторону?
Николаич
Алексей
ну ёшкин кот
Николаич
народ, кто vuex использует, насколько на производительности сказывается в худшую сторону?
Вы там в цикле на миллион итераций вычисления делаете? Что там может быть с производительностью не так?
Алексей
в доках написано, что жертвуем производительностью :)
🐏 Alexander
если это цикл, то можно сделать так
<template v-for>
<td></td>
<td></td>
</template>
а вот чтобы корневой элемент убрать, тут уже сложнее
Жалгас
сильно сказывается в худшую сторону. Сначала испытываешь стресс что ничего не работает, через большой промежуток времени все начинает работать и засовываешь все в модули. Испытываешь стресс что ничего не работает, через большой промежуток времени все начинает работать и добавляешь на SSR. Испытываешь стресс что ничего не работает, через большой промежуток времени все начинает работать и делишь Webpack на отдельную прогрузку модулей Испытываешь стресс что ничего не работает, через большой промежуток времени все начинает работать и ты начинаешь любишь vuex - засовываешь его везде, даже в лендинги. переписываешь все свои проекты vuex, делаешь все правильно и тебя увольняют к чертям за кучу просранного вермени
Stanislav
Крик души прям
Николаич
😂
ℝei
В отличие от сраного редакса тут хотя бы все интуитивно понятно
Serge
😂
Vyacheslav
Это единственный фрейм где все хотя бы интуитивно понятно
ℝei
Ну реакт я понимаю, а вот редакс вообще не могу сходу догнать как там че устроено
Anonymous
в awesome vue смотрел?
уже нашел вариант, если кому нужен будет то вот - https://github.com/vuejs-tips/vue-the-mask
ℝei
Anonymous
Cerebral лучше чем vuex
Жалгас
R
в доках написано, что жертвуем производительностью :)
Все зависит от того как как ты будешь его использовать (для каких целей) если ты решишь устроить из vuex свинью копилку то будь готов к тем проблемам о которых ты пишешь)
Алексей
ну это в каком то роде и есть свинья-копилка :)
Anonymous
Ну реакт я понимаю, а вот редакс вообще не могу сходу догнать как там че устроено
https://www.youtube.com/playlist?list=PLqHlAwsJRxANFIgAf7BO8hNYdvipLERxQ
ℝei
Злые люди запретили мне стикеры слать :(
R
ну это в каком то роде и есть свинья-копилка :)
нет, это больше похоже на желтые стикеры, и когда их становится много возникают проблемы)
Anonymous
Всем привет. Ребят есть данные подгружающиеся в криейтед - есть объект моделей для инпутов и других компонентов. Есть вотчер на этот объект моделей - который отправляет измененные данные. Если в криейтеде производить какие то манипуляции с этим объектом и заполнить его через Object.assign или еще как то - но не по ключам точечно, а полностью - то он отрендерит мне компоненты с этими данными только после того как я на компонент тыкну например селект.
Anonymous
Попробовал nextTick как то не работает =(
Anonymous
такое ощущение что нельзя объект взять и затусовать туда this.models = models;
Tom
Ну реакт я понимаю, а вот редакс вообще не могу сходу догнать как там че устроено
я бы скинул ссылку, но админ забанил
Serge
такое ощущение что нельзя объект взять и затусовать туда this.models = models;
Присваивание сложных объектов низзя делать.
Anonymous
@Buzzzzer а как это решается?
Anonymous
@BigTRex forceUpdate не работает - может я как то не правильно его вызываю?
Serge
Object.assign ({}, obj, obj2)
Serge
Или Vue.set
Anonymous
Vue.set(this, 'selected', Object.assign({}, this.selected, data.item));
Nikita
Vue.set не то разве?
Anonymous
делаю так
ℝei
Vue.set(this, 'selected', Object.assign({}, this.selected, data.item));
возьми лучше deepClone
Anonymous
так мне просто смерджить надо.
Serge
А watch надо с deep:true
Николаич
@BigTRex forceUpdate не работает - может я как то не правильно его вызываю?
Я ж не знаю как вы юзаете
Anonymous
watch: {
selected: {
handler() {
if (!this.init)
this.saveDraft();
},
deep: true,
},
},
Anonymous
Vue.set(this, 'selected', Object.assign({}, this.selected, data.item));
this.$forceUpdate();
Anonymous
Как то так извините за излишний спам
Anonymous
Vue.set(this, 'selected', Object.assign({}, this.selected, data.item));
Юзай спред, обжект ассайн не нужен