« Rev
@vuejs_ru   751
Fwd »


Danila
Где угодно будут проблемы и самописное подкостыливание, я думаю. Вуе ничем не хуже
Danila
А что будет происходить при прямом переходе по ссылке?
Danila
Открываться и фокусироваться только одно окно?
Андрей
Открывается только одно окно, на котором был фокус так сказать
Никита
Может имеет смысл написать непосредственно приложение, а не извращаться из веба?
Danila
Наверное, что-то типа такого, но я не уверен, потому что в фиддле роутер не работает
Андрей
Ну да, вот что то такое. Спасибо. Как раз вот сейчас пытаюсь сделать через массив. И когда активное окно меняется, думаю менять url, пока не уверен конечно как это все будет работать по итогу.
Danila
Да попробуй, это быстро. Просто не охота разворачивать отдельную аппу ради этого, больно много vue-init за собой тащит :)
Nikita
Кто-нить знает хорошо работу vue-router?
Nikita
Может кто объяснить, почему пропсы которые прокидываются через роут, не обновляются сразу же?
Nikita
ну есть роут и в нем сделали { props: route => ({ ...route.query }) }
Nikita
и если изменить роут через .push(), то сначала меняется объект this.route.query, а потом после nextTick() меняется только пропсы
Anonymous
всем привет. пока абстрактно задам вопрос ) есть компонент (темплейт - форма, которой дается уникальный ид), этот компонент на странице используется 4 раза. если в первой по счету форме, генерящейся компонентом, задать данные, то в списке, относящемся к этой форме, они обновятся. список это объект, который динамически меняется. короче говоря, если в нижележащих формах прописать какие-то данные, то они ререндерятся только в верхнем списке, относящемся к верхней форме. надеюсь не усложнил в объяснении. вопрос - отчего такое поведение может быть? в дебагере vue глянул (для инспектора который) - в каждом из массивов в 4 экземплярах компонента данные обновились, но перерендерились только в первом. данные меняю через vue.set()
Oleksandr
всем привет. пока абстрактно задам вопрос ) есть компонент (темплейт - форма, которой дается уникальный ид), этот компонент на странице используется 4 раза. если в первой по счету форме, генерящейся компонентом, задать данные, то в списке, относящемся к этой форме, они обновятся. список это объект, который динамически меняется. короче говоря, если в нижележащих формах прописать какие-то данные, то они ререндерятся только в верхнем списке, относящемся к верхней форме. надеюсь не усложнил в объяснении. вопрос - отчего такое поведение может быть? в дебагере vue глянул (для инспектора который) - в каждом из массивов в 4 экземплярах компонента данные обновились, но перерендерились только в первом. данные меняю через vue.set()
Посмотри остальные объекты в массиве. Имеют ли их поля реактивные геттеры и сеттеры которые создаёт Вью ?
Anonymous
коллеги, кто-то встречал директивы форматирования даты? (приходит в epoch). Нашел решение в vue-moment, но добавляю этот пакет и получаю +200кб в production bundle
Vladimir
попробуй date-fns, там можно функции импортить по одной
Anonymous
thx, взгляну
Nikita
коллеги, кто-то встречал директивы форматирования даты? (приходит в epoch). Нашел решение в vue-moment, но добавляю этот пакет и получаю +200кб в production bundle
для moment чаще всего используют вебпаковский плагин ContextReplacement, который удаляет лишние языки из момента
Alexey
А что, watch на объекты не распространяется?
Oleksandr
А что, watch на объекты не распространяется?
Ты наверное меняешь поля объекта, и поэтому вотч не срабатывает. Он не срабатывает потомучто твой вотч следит за переменной которая хранит адрес объекта в памяти. И это значение не меняется когда ты модифицируешь обьект
Alexey
Alex спасибо
Nikita
Alex спасибо
ты можешь указать deep: true
Nikita
и тогда вотч будет за всем объектом следить
Alexey
и тогда вотч будет за всем объектом следить
Вот это поворот! Благодарю. Как-то в доке запутанно про Watch. первый раз в доке вью запутался
Nikita
еще есть параметр immedate (как-то так)
Nikita
Вот это поворот! Благодарю. Как-то в доке запутанно про Watch. первый раз в доке вью запутался
Да, за вотч расширенный расписано, но как-то не заметно и он теряется легко в доке
Pavel
пацаны, когда мажорный релиз?)
Sunlive
Привет всем. Подскажите пожалуйста как из этой строки сделать массив обьектов? {size: x,b: 2,h: 2,w: 3,},{size: s,b: 1,h: 3,w: 4},{size: m,b: 2,h: 3,w: 4}
Anonymous
Посмотри остальные объекты в массиве. Имеют ли их поля реактивные геттеры и сеттеры которые создаёт Вью ?
спасибо, а как глянуть-отдампить можно это дело для компонентов? через Vue.options.components ?
Anonymous
у меня глобально регнутые
Oleksandr
спасибо, а как глянуть-отдампить можно это дело для компонентов? через Vue.options.components ?
Можно просто вывести массив на консоль, и в консоли открыть свойства объекта
Sunlive
JSON.parse
уже пробовал, чет выбивает Uncaught SyntaxError: Unexpected token s in JSON at position 1
Flexo
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/split
Sunlive
сплитил по зяпаой после фигурной скобки, по регулярке, но тоже ниче путевого не вышло, щас квадратные добавлю
Sunlive
запятой*
Flexo
точно, там же еще запятых полно
Eugen Su
госопда, посоветуйте плз дейтпикер, в котором инпут не блокируется и можно ручками дату вбивать, все из первых строк поиска жестоко дизейблят инпут и не могу в опциях найти возможности разблочить
Anonymous
так точно
Oleksandr
А на те поля которые ты отображаешь в шаблоне ?
Eugen Su
http://element.eleme.io/#/en-US/component/date-picker
блестяще, спасибо Дмитрий!
Anonymous
если я верно вижу на скрине (там сначала элементы объекта, и у каждого проперти с гет и сет, а также ниже реактивсетер )
Oleksandr
вроде все есть
Попробуй массив именно мутировать. Через splice
Anonymous
ща погугл, сенк
Oleksandr
ща погугл, сенк
Хотя наверное врядли. У тебя же сеттеры есть на них
Oleksandr
ща погугл, сенк
А как ты новую форму добавляешь ?
Oleksandr
Новый компонент
Andrey
вопрос по слотам. возникла ситуация, когда в чайлде нужен доступ к слоту, который не в непосредственном родителе. и так не работает. как правильно разрулить здесь: <!-- app --> <app> <page></page> <slot name="footer"></slot> </app> <!-- page --> <div> <comp1></comp1> </div> <!-- comp1 --> <div> <div slot="footer"></div> </div>
Anonymous
ну, например если у меня название компонента delivery-address-add при регистрации указано, то вызываю его как <delivery-address-add :addresses="adresses"></delivery-address-add>, где addresses массив объектов по ссылке получается (читал что вроде это не кошерно, но пока так)
Anonymous
потому что темплейт (с компонентом) используются в четырех разных частях страницы
Anonymous
там через v-for не выйдет, но по сути это может повлиять как то?
Oleksandr
ну, например если у меня название компонента delivery-address-add при регистрации указано, то вызываю его как <delivery-address-add :addresses="adresses"></delivery-address-add>, где addresses массив объектов по ссылке получается (читал что вроде это не кошерно, но пока так)
Я думаю что когда ты вызываешь Vue.set он делает array splice, и возвращает новый массив, с новым адресом в памяти. И твой bind уже не срабатывает потомучто связан с другим участком памяти
Anonymous
поэтому он только лишь на одном темплейте отображает реактивно?
Oleksandr
там через v-for не выйдет, но по сути это может повлиять как то?
Тогда может имеет смысл не делать массив, а просто четыре объекта ?
Sunlive
чет странно, все равно json.parse возвращает строку Оо
Anonymous
Тогда может имеет смысл не делать массив, а просто четыре объекта ?
как? у меня щас получается массив объектов
dmi
привет. html editor посоветуете? в котором есть возможность включать выключать отображение тегов
dmi
для vue
dmi
:)
Андрей
vscode
Vladislav
atom
Vladislav
Алексей
https://marketplace.visualstudio.com/items?itemName=octref.vetur
Алексей
https://code.visualstudio.com/
dmi
не не )
dmi
мне типо tinymce
dmi
для админки
dmi
чтоб админы могли статьи писать :)
dmi
на самом деле нашел вроде не плохой
« Rev
@vuejs_ru   751
Fwd »