@Fl0pZz так ему его не выкусить / долго выкусывать из проекта походу

конечно, всё накручено, наверчено, от локального бэка приходят данные, даже не представляю как выложить код можно(

Смысл в чём. Приходит из бэка корзина с товарами, мне надо в этом объекте (или не надо? или не в этом объекте, а создать другой?) добавить свойства showOptions и isCommited чтобы в зависимости от их значений отображать форму ввода опций. Вот как бы вы сделали?

Причём корзина состоит из нескольких корзин (partners), поэтому там цикл по объекту.

я бы написал как-то так state.partnerCarts = payload.map(item => ({ ...item, isComitted: null, showOptions: null }))

я бы написал как-то так state.partnerCarts = payload.map(item => ({ ...item, isComitted: null, showOptions: null }))

Идея. Спасибо. Там в бэке при каждом изменении отправляется корзина (ну то есть поменял количество товара на фронте, аякс шлёт запрос на увеличение, бэк увеличивает и возвращает изменённую корзину). Получается эти опции не будут сохранены. Значит надо делать экшн как ты написал только на первичное создание и следить, чтобы этот экшн не вызывать на изменения? Для изменений отдельный похожий экшн, не трогающий эти созданные опции?

@leshgan тогда тебе надо мержить пришедшее с бека с уже имеющимся стейтом. Как это делать - вопрос глубокий, философский, тебе самому надо принять решение.

@leshgan тогда тебе надо мержить пришедшее с бека с уже имеющимся стейтом. Как это делать - вопрос глубокий, философский, тебе самому надо принять решение.

Спасибо, камрад! Два чая этому господину!

все доки не актуальны

https://github.com/Fl0pZz/Apipie/blob/old_v0.14/docs/ru_Ru/docs.md

Скажите а как во vie js получить элемент на котором кликнули ? в js это делается $(document).click(function(event) { var text = $(event.target).text(); }); а тут как ?

в js?

во vue.js

@click=“”

введи в оф доке $event

выйдет api

все подробно описано, попробуй

вот тут написал в тэмплэйте <button class="ui button" style="width: 400px" @click="editRow(function(event))"><i class="fa fa-edit"></i> Edit</button>&nbsp;&nbsp; дальше сама функция <button class="ui button" style="width: 400px" @click="editRow(function(event))"><i class="fa fa-edit"></i> Edit</button>&nbsp;&nbsp; вроде все правильно

flow ещё на webpack-овский проект не научили без боли ставить?

Ребят привет. Перебираю уже час vue обертки с гитхаба к tinymce, все глючное. У кого нибудь есть чтото на примете рабочее?

Хз, у меня все работает

Но конкретное название не помню

Дома посмотрю

Всем привет, такая проблема, роутер сохраняет позицию скролла, не перематывает наверх при переходе на другие страницы, с чего бы могло быть? let router = new Router({ mode: 'history', // ... scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } } })

Ребят, вот как можно на пустом месте потерять реактивность? Компонента в компоненте. Объявляю: data () { return { showOptions: false } }, methods: { register () { this.showOptions = true } } Кнопка: <a @click.prevent="register" href="#">Оформить</a> wtf?

в песочнице пример сделай

https://codesandbox.io/s/vue

Ребят, вот как можно на пустом месте потерять реактивность? Компонента в компоненте. Объявляю: data () { return { showOptions: false } }, methods: { register () { this.showOptions = true } } Кнопка: <a @click.prevent="register" href="#">Оформить</a> wtf?

тут все нормально с реактивностью

тут все нормально с реактивностью

это всё продолжение утреннего вопроса. ТОгда я думал, что не так объекту добавляю свойства. Но по вашим рекомендациям не помогло. Тогда я решил напрямую в компоненте сделать опцию и вот снова. Получается что-то не так с самой компонентой

ты пример в песочнице сделай то

ты пример в песочнице сделай то

у меня компоненты в компонентах, понамешано. Если я такой пример как выше создам в песочнице, он 100% будет реактивный. Вряд ли я смогу воспроизвести такое же. Тут вопрос в том, сталкивался ли кто-нибудь с потерей реактивности даже вот в таких случаях

у момента ктоь-нить знает библу которая сможет duration преобразовывать в читаемое "3 дня, 4 часа, 10 минут" ?

http://jsfiddle.net/fhdd8/814/ Попробуй по аналогии сделать

Хотя, наверное не в тему совет))

Что за странность с реактивностью? Девтулз показывают, что переменная не меняется, но стоит только добавить использование переменной в шаблоне, например <pre>{{showOptions}}<pre> как сразу она становится реактивной

У меня такая же ерунда с реактивностью была))

у момента ктоь-нить знает библу которая сможет duration преобразовывать в читаемое "3 дня, 4 часа, 10 минут" ?

Бля, я не могу ща посмотреть, но я юзал Moment-precise кажется

Спустя время решил что это мои кривые руки по первости виной были))

спасибо, сейчас, только что наткнулся

Moment-precise-range вот

Спустя время решил что это мои кривые руки по первости виной были))

+

Все через это прошли ?

Ничего, скоро прокси придёт и не будет проблем

Ничего, скоро прокси придёт и не будет проблем

И мы будем учиться, как обходить реактивность

Собственно это то, чем я сейчас занимаюсь

хе-хе

И мы будем учиться, как обходить реактивность

$options брат

$options брат

Это не то, что мне нужно

А что

Данные приходят с сервера и я хочу сохранять их внутри компоненты

Но мне не нужна реактивность

Ню

$options брат

А, изначально данных же нет $options + $forceUpdate, я думаю, можно

типо закинуть в объект данные, но обращаться через $options?

и реактивности не будет?

Данные приходят с сервера и я хочу сохранять их внутри компоненты

set(val) { this._myData = val }

у компьютеда

типо закинуть в объект данные, но обращаться через $options?

$options не реактивные

set(val) { this._myData = val }

_myData это в дате же будет? А значит будет реактвность

Я пока видел 2 идеи: 1) функция фабрика данных 2) Object.freeze

_myData это в дате же будет? А значит будет реактвность

_myData будет в инстансе компонента

Не будет там реактивности

_myData будет в инстансе компонента

всмысле в $options?

Пацыки, вссем привки. Трансформиоровал кто-нб фонт-сайз из пикселей в vw?

всмысле в $options?

Причем тут options?

Просто в this компонента создается поле

ERROR: S client not available

Причем тут options?

тогда я тебя не понимаю, можешь накидать пример компоненты?

Просто в this компонента создается поле

и я получаю варн

export default {}

блин

потому что добавлять поля - это плохо

не, на самом деле вы мне подкинули одну идею, как это можно сделать

через миксин + $options + beforeCreate

export default { computed: { paymentsData: { get() { return (!this.loading.payments) ? this._paymentsData : []; }, set(val) { this._paymentsData = val; }, }, } }

export default { computed: { paymentsData: { get() { return (!this.loading.payments) ? this._paymentsData : []; }, set(val) { this._paymentsData = val; }, }, } }

ты сразу варн отхватишь, за то что в рантайме что-то добавлятешь в this

С чего бы?

И как это vue отследит?

давай посмотрим это в исходниках

Это eslint может ругаться. У меня в airbnb ругается на подчеркивание, мол, не надо называть так поля

давай посмотрим это в исходниках

Что там смотреть?

Что там смотреть?

https://github.com/vuejs/vue/blob/4459b87de902cf3ba496a104304ca80d1c9824c1/src/core/observer/index.js#L206

вот в beforeCreate ты еще можешь что-то подмешать в компоненту

"Избегайте добавления реактивных пропертей"

например vuelidate так делает

@kelin2025 я не могу завести этот плагин, как ты его импортировал?

https://github.com/monterail/vuelidate/blob/master/src/index.js#L448

"Избегайте добавления реактивных пропертей"

ок, есть где это проверить?

ок, есть где это проверить?

Что проверить?

@kelin2025 я не могу завести этот плагин, как ты его импортировал?

Просто импорт момента и импорт этого плагина

Вроде

что-то не выходит вообще

и так import 'moment'; import 'moment-precise-range-plugin'; и так import moment from 'moment'; import 'moment-precise-range-plugin';

moment.preciseDiff is not a function

ок, есть где это проверить?

https://jsfiddle.net/c01nd01r/q4wqLLan/

Это, конечно, хак, но у нас во Vue нет "не реактивных" полей для установки туда значений.

Это, конечно, хак, но у нас во Vue нет "не реактивных" полей для установки туда значений.

да, понятно что это хак

и действително это работает, хмм