Refat
да, склонировать
Александр
Refat
через Object.assign({}, data) или spread оператор
Refat
cloned = Object.assign({}, original)
Andy
тут такой вопрос к знатокам prop.sync, вот попробовал я делать sync, когда пропса - это примитив, например
<Component :name.sync=“userName” />
внутри <Component> делаю:
this.$emit(‘update:name’, ‘Филипп Киркоров’);
и это прекрасно
а как быть, когда передаваемая пропса это массив/объект/массив объектов?
<Component :users.sync=“[…]” />
вещи типа this.$emit(‘update:users[1].name’, ‘Жорик’) не канают
Александр
Александр
Andrey
Парень, с такой же проблемой столкнулся сегодня - лучшее решение https://vuex.vuejs.org/ru/forms.html
Andrey
Да
Alexandr
можно лодаш юзать
Alexandr
там дипклон есть функция
Roman
Как можно не костыльно открепить реактивность? Получаю данные из стора, мне их изменить надо так, чтобы они в сторе не поменялись. А потом как валидацию данные пройдут кинуть диспач в стор
делай не v-model, а :value. и костыля не будет
Andy
все же прошу совета практикующих
Andy
тут такой вопрос к знатокам prop.sync, вот попробовал я делать sync, когда пропса - это примитив, например
<Component :name.sync=“userName” />
внутри <Component> делаю:
this.$emit(‘update:name’, ‘Филипп Киркоров’);
и это прекрасно
а как быть, когда передаваемая пропса это массив/объект/массив объектов?
<Component :users.sync=“[…]” />
вещи типа this.$emit(‘update:users[1].name’, ‘Жорик’) не канают
Hedint
this.$emit(‘update:users', newUsers), где newUsers - это наш новособранный измененный объект/массив?
это предположение, юзать sync не приходилось
Roman
все же прошу совета практикующих
вы можете просто создавать событие, с индексом (для массива) и значением, а в родителе обновлять ваши данные
Andy
эх так и думал :(
Andy
в любом случае спасибо за советы
Andy
пойду одним из предложенных путей
Alexandr
update:users[1].name - а это что?
Alexandr
типа там какая-то функция в массиве что ли?
Andy
та не имелось в виду “обновить такой-то индекс такого-то массива”)
Andy
ну так, наивно)))
Andy
получается можно “синкать” только какие-то простые значения, где будет переопределение
Andy
ну либо писать кастомный хендлер (что тождественно варианту, предложенному @dukkee )
Alexandr
аааа
Alexandr
а то я уж подумал, что упустил что-то новенькое
Александр
Sunlive
геттеры не вотчатся?
Sunlive
ладно похуй, буду проп кидать
Alexandr
насколько я помню - set устанавливает сеттер
Alexandr
первоначально, чтобы реактивность была
Alexandr
нет?
Sunlive
ты о чем?
Alexandr
это если вы добавляете в объект, к примеру, в корень, новый объект
Sunlive
или не мне?
Andrew
это вьюкс чтоли? если да то меняй значения в мутаторах
Alexandr
needed.set - я про это
Sunlive
мне надо в зависимости от состояния геттера во вьюксе, менять данные внутри даты в компоненте
Sunlive
ваще левом
Alexandr
Nikita
Sunlive
я просто не могу понять )
Andrew
Alexandr
я же написал кому, кто SET делает, посмотри по истории
Sunlive
окей
Sunlive
я то я думал что мне ответ
Sunlive
но чет из альтернативной реальности
Sunlive
стора же компонент
Sunlive
надо вотчить ее прям)
Anonymous
у бустрапа же куча глобальных стилей, как ты это чудовище хочешь оседлать
Оно уже оседлалось и упало в стили со scoped именами. Но я хз как получить это сгенерированное имя дальше в компонентах или как заставить vue пропихивать эти имена в бутстраповские компоненты (vuetify делает это сам, хех).
Хм... покопаться, что ли, в вуетифае. 🤔
Nikita
Используй css модули.
Nikita
И подкидывай неймспейс по потомкам
Nikita
Может выстрелит, не знаю.
Stanislav
В ногу
Anonymous
Если бы бутстраповские стили вуетифай не ломали не пришлось бы так костылять
🐏 Alexander
что, поликостылированием занимаетесь?
Anonymous
Так. Немного другой вопрос.
Почему в роутер-вью не применяются scoped стили родителя? ._.
Может я что-то не так делаю? Просто обычно они применяются, а в данном случае почему-то не нет. О-о
Alex
scoped стили родителя только для родителя
Anonymous
scoped стили родителя только для родителя
Добро. Как сделать их глобальными, но только для потомков, а не для всего проекта?
Alex
https://vue-loader.vuejs.org/ru/features/scoped-css.html#%D0%B3%D0%BB%D1%83%D0%B1%D0%BE%D0%BA%D0%B8%D0%B5-%D1%81%D0%B5%D0%BB%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D1%8B
Drop 🇰🇿
У кого есть ссылки примеров на авторизацию через API
Nikita 🦫
Какая же это больная тема, никто не хочет написать полноценную статью с примерами?
Alex
Больная как мне кажется потому что считают что должно быть vue-ориентированное решение) а нынешние варианты реализации не подходят
Alex
а vue это всего лишь js ) и всё тоже самое
Gran
Хлопци, так должно работать? не работает чет
data: {
getApp: function() {
var obj = {};
$( '.appBox' ).each( function( index, el ) {
obj[ 'el' + ( index + 1 ) ] = false;
} );
return obj;
},
isShowApp: this.getApp()
},,
jquery.min.js:2 Uncaught TypeError: this.getApp is not a function
Nikita
ты сам то можешь прочесть, че тут написано?)
Antonio
Доброго времени. Когда читал документацию по Vue, натыкался на пример, как вынести общение с сервером в одно место. Но сейчас не могу найти примера. Не могли бы ткнуть носом в доку/пример, как это правильно сделать?
Oleg
Nikita 🦫
там jquery..
Andrew
зачем тебе JQuery?
Andrew
выкинь его
Nikita
Хлопци, так должно работать? не работает чет
data: {
getApp: function() {
var obj = {};
$( '.appBox' ).each( function( index, el ) {
obj[ 'el' + ( index + 1 ) ] = false;
} );
return obj;
},
isShowApp: this.getApp()
},,
jquery.min.js:2 Uncaught TypeError: this.getApp is not a function
прочти доку, там ты узнаешь, что data должна быть функцией (если это не рут компонент, если рут то норм) и ты узнаешь, что лучше все дом операции выполнять в mounted хуке