так в фиддле работает как мне и надо =)

Всем привет, столкнулся с такой проблемой: в компоненте есть вычисляемое свойство, которое возвращает объект, и в шаблоне есть контроллы , которые напрямую меняют значение свойства (1) этого объекта. Так же у объекта есть еще одно вычисляемое свойство (2), которое вычилсяется на свойстве (1). Так вот, свойство (2) меняется при изменении (1), ТОЛЬКО если в данный момент компонент открыт в девтулс

Как справиться с этим рофлом?)

Где почитать подробней про передачу данных и состояний в дочерние компоненты .vue ?

props всмысле:

Как справиться с этим рофлом?)

А тебе не кажется странным, что v-model менят поля у объекта, который возвращается computed методом, имеющим только getter?

ребят а как лучше почистить весь стор vuex-а при логауте? или насильно рефрешнуть проще?

А тебе не кажется странным, что v-model менят поля у объекта, который возвращается computed методом, имеющим только getter?

Понял твою мысль, но что-то проблемы с сеттером, не хочет запускаться

Где почитать подробней про передачу данных и состояний в дочерние компоненты .vue ?

По-другому задам вопрос: как прокидывать данные между двумя дочерними?

Понял твою мысль, но что-то проблемы с сеттером, не хочет запускаться

А в data нельзя эти поля хранить?

По-другому задам вопрос: как прокидывать данные между двумя дочерними?

https://ru.vuejs.org/v2/guide/components.html#Коммуникация-между-компонентами-не-связанными-иерархически

По-другому задам вопрос: как прокидывать данные между двумя дочерними?

через родителя

А в data нельзя эти поля хранить?

По идее можно, но это уже дело принципа)

По идее можно, но это уже дело принципа)

ну такое.. Нафига че та выдумывать с computed пропертями, когда можно не волноваться и хранить в data

ну такое.. Нафига че та выдумывать с computed пропертями, когда можно не волноваться и хранить в data

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

можно как-то прикрутить v-model к списку key-value опций? С чекбоксами более-менее понятно, но там массив

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

да ппц. Какой-то хайп на запись данных в computed.

https://vuejsdevelopers.com/2017/09/11/vue-js-vuex-plugins/?jsdojo_id=fef_vpl

А можно мне по АПИ спросить - есть 3rd party library - то, что она делает в скрине - логинится в системе, откуда делает запросы к JSON API и пока просто выводит эти данные в консоль. Как в таком слуае прикрутить эту либу к моему компоненту Вью, чтобы хотя бы что-то динамически менялось на странице.

Или лучше axios использовать?

можно как-то прикрутить v-model к списку key-value опций? С чекбоксами более-менее понятно, но там массив

спрашивали – отвечаем

<div class=v-for="(value, option) in textOptions" :key="option"> <label for="smFormGroupInput">{{ option }}</label> <input type="text" id="smFormGroupInput" v-model="textOptions[option]"> </div>

ребят а как лучше почистить весь стор vuex-а при логауте? или насильно рефрешнуть проще?

Посмотри вот этот вариант. https://forum.vuejs.org/t/vuex-clear-state-to-a-default-state/7654/2?u=c01nd01r

Посмотри вот этот вариант. https://forum.vuejs.org/t/vuex-clear-state-to-a-default-state/7654/2?u=c01nd01r

руками создавать весь стор с дефолтными свойствами так себе идея. можно его скопировать при инициализации и хранить всё время. но тоже так-себе. решил перезагружать страницу при логауте.

result записывать в свойства в data

руками создавать весь стор с дефолтными свойствами так себе идея. можно его скопировать при инициализации и хранить всё время. но тоже так-себе. решил перезагружать страницу при логауте.

дык ты ж все равное описываешь поля, которые в сторе. Сделай из них функцию

у меня модули

почему не запишешь ссылку на апи в отдельный файл и вызывать его? Абсолютный путь всегда писать плохая практика

у меня есть данные , они ввиде столбца, но верстать это надо в виде рядов

сложно

почему не запишешь ссылку на апи в отдельный файл и вызывать его? Абсолютный путь всегда писать плохая практика

Верно, щас сделаю - просто это пример из about по этой библиотеке

И почему плохая практика?

потому что, когда на сервер зальешь, то придется везде менять localhost , на домен, а так, если будет в одном файле, то проще

всем привет, мне надо организовать фронт веб-приложения которое имеет несколько сервисов с одной авторизацией и центром уведомлений

как организовать работу команд поделеную на разные сервисы с git в одном репозитории?

что посоветуете почитать?

Ребятки, может кто знает как использовать Vue.use внутри компонента?

импортнуть Vue прокатит?

У кого нибдуь получилось настроить буцтрап4 бетта с кастомизациями?

Ребятки, может кто знает как использовать Vue.use внутри компонента?

Точно Vue.use?

Точно Vue.use?

import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketio, 'http://socketserver.com:1923');

import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketio, 'http://socketserver.com:1923');

Зачем это делать в компоненте?

в определенном компоненте нужно сокет подключение юзать

а зачем мне на все приложение делать? или я что-то упускаю?

а зачем мне на все приложение делать? или я что-то упускаю?

Оно все равно глобально установится

Хотя, тоже от реализации плагина зависит

кто там с сокет.ио работал?

кто там с сокет.ио работал?

А нельзя просто socket.io в компоненте подключить? Нафига этот плагин

А нельзя просто socket.io в компоненте подключить? Нафига этот плагин

мне показалось что имплементация для vue поинтересней

Добрый вечер. Подскажите, можно ли ,как то, в v-if использовать два условия.

v-if="index%4==0 а тут какой нибудь and index!==0"

ну или как реализовать проверку двух условий.

в доке я что то не нашел.

Добрый вечер. Эта проверка реализуется средствами самого javascript. Советую начинать изучение с него.

да я отлично знаю js. мне надо проверку сделать в html c помощью v-if

если бы мне надо было реализовать в js я бы сюда не писал

Ну жди пока кто-то ответит тогда)

просто не понятно зачем ты пишешь ,что бы просто написать какую то залупу.

Помочь хотел)

написать учи js? вот это помощь спасибо. Весь чат тебе благодарен

Я конечно хз, но может вынести в функцию с параметрами

v-if="(index%4==0) && (index!==0)"

вот так сработало. спасибо

Добрый вечер. Подскажите, можно ли ,как то, в v-if использовать два условия.

внутри v-if обычный JS

только возможно в одни скобки надо сделать условие.

да спасибо я уже понял.

Я на атоме так и не настроил это, но давно было дело. Закончилось все переходом на vscode.

Ну в смысле проблема чисто в кривом плагине, а не в синтаксисе

кто-нить знает почему если использовать <component>, то пропсы которые не объявлены не падают на <component>

причем $attrs тоже не пашет

в $attrs приходит, но не работает

кто-нить знает почему если использовать <component>, то пропсы которые не объявлены не падают на <component>

Что?

Переформулируй

+

<component class="button-ui" :class="classes" :to="to" :href="href" @click="clickHandler" v-bind="$attrs" :is="typeComponent"> <span class="button-ui__icon" v-if="haveIcon"> <slot name="icon"></slot> </span> <slot></slot> </component> если сделать <button-ui :disabled="true">, но в пропсах ему не указать, то в component не попадает disabled

На самом деле тупо постоянно прописывать принимаемые пропсы, но хз, может в этом есть плюс

это не решение проблемы

а ее обход

я хотел бы узнать почему с component так происходит

Честно говоря, до сих пор не полностью понял вопрос, думаю остальные также

ок

Смотрите, вы написали

Если ты думаешь, что он должен заработать как обычный атрибут disabled, то этого не будет

button-ui не нативный элемент, на минуточку )

Да-да , я по-этому и говорю

Давайте сначала. Все мы знаем, что если компоненту сверху передавать атрибуты которые не прописаны в props, то vue просто их будет прокидывать на корень.

Но с случае с component это не происходит

я говорю про компонент не как псевдо элемент, а как за элемент <component> который есть в vue

Кто запутался ещё сильнее?

я говорю про компонент не как псевдо элемент, а как за элемент <component> который есть в vue

И у тебя вопрос, почему так?

'не баг, а фича'

да, я спрашиваю, почему с компонент так не происходит, как это обычно происходит с обычными html элементами