Подскажите пожалуйста. Пробую реализовать статистику на vue google charts wrapper'ре, нужно обновлять свойства диаграм. Тобишь делаю запрос через аксиос а в ответ приходят данные которые надо применить к диаграме. Как это лучше всего сделать ?

Как в vue-bootstrap в таблице сделать ссылкой заголовок поста? Есть балица в которой отображаются данные.Никак не могу понять как сделать ссылку в таблице.

<b-table striped small hover :current-page="currentPage" :per-page="perPage" :items="posts" :fields="fields"> </b-table> <b-row> <b-col md="6" class="my-1"> <b-pagination :per-page="perPage" v-model="currentPage" class="my-0" /> <!-- <b-pagination :total-rows="totalRows" :per-page="perPage" v-model="currentPage" class="my-0" /> --> </b-col> </b-row>

<component :is:="component-name" />

нашла такой вариант

<component v-bind:is="currentTabComponent" ></component>

а я могу туда еще передавать v-bind:name? Значения какие-нибудь в зависимости от компонента.

не могу найти пока как это сделать....

ты можешь прикинуть туда любые пропсы которые хочешь

все, что ты накинешь на <component> попадет в компонент который указан в is

мне просто в разных компонентах разные пропсы нужны

генерируй в зависимости от компонента нужные пропсы

и прокидывал их через v-bind

v-bind=objectWithProps

гениально

спасибо) попробую

звучит как сарказм

не) просто все гениальное просто) вот и удивляюсь

Как неудобно стикеры сделаны. Отправляются, когда хочешь поглядеть.

нажми и держи

генерируй в зависимости от компонента нужные пропсы

Сейчас можно вообще весь объект биндить, а сам компонент возьмет только нужные пропсы. Наверное одна из причин, почему отрубили автоматическое навешивание атрибутов на коренной дом узел компонента.

Сейчас можно вообще весь объект биндить, а сам компонент возьмет только нужные пропсы. Наверное одна из причин, почему отрубили автоматическое навешивание атрибутов на коренной дом узел компонента.

я кстать так и делаю, но почему-то предложил чуть сложней способ

Сейчас можно вообще весь объект биндить, а сам компонент возьмет только нужные пропсы. Наверное одна из причин, почему отрубили автоматическое навешивание атрибутов на коренной дом узел компонента.

всегда можно было, просто то, что не указано в пропсах падает на атрибуты

всегда можно было, просто то, что не указано в пропсах падает на атрибуты

ну да. А потом в какой-то версии это вырубили

ну да. А потом в какой-то версии это вырубили

в какой?

это до сих пор есть

это до сих пор есть

А, может я путаю наоборот. Короче, появилась опция inheritAttrs что б отключать проваливание атрибутов

А, может я путаю наоборот. Короче, появилась опция inheritAttrs что б отключать проваливание атрибутов

да, это сделали специально для того, что можно перенаправлять $listeners и $attrs

да, это сделали специально для того, что можно перенаправлять $listeners и $attrs

Да, я перепутал. Сейчас все так же работает.

Парни в vuex есть геттер, который возвращает массив. Так вот в компонент я в отдельную переменную привязываю результат геттера. И он связывается напрямую со стором. То есть меняю массив в компоненте,а он меняется в сторе. Это норм? Просто первый раз такое.

Думал сделать отдельно, помутировать массив в компоненте, а по кнопке - сохранить в сторе

господа, а слоты доступны только у родителя?

(в доку не кидайте, там описан случай родителей, но вопрос доступен ли в других местах)

Ребята,подскажитепочему не работает через функции. и как сделать что бы значение менялось именно через нее?(( https://jsfiddle.net/50wL7mdz/654344/

Думал сделать отдельно, помутировать массив в компоненте, а по кнопке - сохранить в сторе

Store=>[...Store.Myarray] //а так?

Store=>[...Store.Myarray] //а так?

Отвязался. Заработался и забыл про spread оператор. Спасибо.

Парни в vuex есть геттер, который возвращает массив. Так вот в компонент я в отдельную переменную привязываю результат геттера. И он связывается напрямую со стором. То есть меняю массив в компоненте,а он меняется в сторе. Это норм? Просто первый раз такое.

Нет конечно. Зачем ты его меняешь? :)

Нет конечно. Зачем ты его меняешь? :)

А чо он неправильный?

А чо он неправильный?

Хто?

Хто?

Массив. Вот и меняю ?

мутирую...

Мозг мутируй

Начни с документации

Где подробно все расписано

Это азы работы со стором в vuex

Это азы работы со стором в vuex

Да, сенсей

Ребяяяята, плиз. Просто подскажите, нужен совет более опытных)

Ребята,подскажитепочему не работает через функции. и как сделать что бы значение менялось именно через нее?(( https://jsfiddle.net/50wL7mdz/654344/

Ребята,подскажитепочему не работает через функции. и как сделать что бы значение менялось именно через нее?(( https://jsfiddle.net/50wL7mdz/654344/

Ты меняешь значение переданное в функцию, а не значение в дате

Я понимаю, в этом и есть вопрос. Как поменять то значение

Я понимаю, в этом и есть вопрос. Как поменять то значение

передавать в функцию индекс элемента вместо статуса и обращаться по индексу к данным

передавать в функцию индекс элемента вместо статуса и обращаться по индексу к данным

Я так понял,чтопростопоменятьзначениенеполчиться?)

наверноенеполучитсяноэтонеточнохотяхз)

наверноенеполучитсяноэтонеточнохотяхз)

??

Я так понял,чтопростопоменятьзначениенеполчиться?)

а это вариант непростой?)

а это вариант непростой?)

Нет)Таккакданныебдтнестатические)

Я так понял,чтопростопоменятьзначениенеполчиться?)

передавай не примитив, а сам item, например. и у него уже меняй activeBg: item.activeBg = !item.activeBg; и @click="add(3, item)"

передавай не примитив, а сам item, например. и у него уже меняй activeBg: item.activeBg = !item.activeBg; и @click="add(3, item)"

Если яправильнопонял,тоничегоне вышло,вот((

https://jsfiddle.net/50wL7mdz/654398/

https://jsfiddle.net/50wL7mdz/654398/

заапдейтил

ERROR: S client not available

блин, ща форкну

https://jsfiddle.net/u9Lfg3jw/

https://jsfiddle.net/u9Lfg3jw/

Спасибо))

Спасибо))

а :bind="item" зачем?

а :bind="item" зачем?

лишак))

Ребят, помогите с vuex пожалуйста. у меня в приложении есть несколько компонентов. у каждого компонента есть свой Vuex.Store (файлик отдельный). В приложении есть глобальное хранилище, куда в качестве модулей передаются хранилища компонентов. И вот собсно проблема: при такой схеме компонент должен знать под каким именем в глобальное хранилище был помещено его хранилище и это очень смущает. Может есть способ как этого избежать? Вот примерчик накидал: https://codepen.io/anon/pen/MqeVvK заранее спасибо :)

Ребят, помогите с vuex пожалуйста. у меня в приложении есть несколько компонентов. у каждого компонента есть свой Vuex.Store (файлик отдельный). В приложении есть глобальное хранилище, куда в качестве модулей передаются хранилища компонентов. И вот собсно проблема: при такой схеме компонент должен знать под каким именем в глобальное хранилище был помещено его хранилище и это очень смущает. Может есть способ как этого избежать? Вот примерчик накидал: https://codepen.io/anon/pen/MqeVvK заранее спасибо :)

const store = new Vuex.Store({ state: { root: 'i am groot' }, modules:{ storeComp1 // <- вот это думаешь что делает? } }); полностью аналогично этому: const store = new Vuex.Store({ state: { root: 'i am groot' }, modules:{ storeComp1: storeComp1 // ^^^^^^^ это и есть имя } });

Меня смущает что имя определяется вне компонента

Меня смущает что имя определяется вне компонента

Почему смущает? Это же не только для этого компонента стейт. Если только для компонента, то используй data

https://github.com/Enakoneschniy/nuxt-todo

У меня более 50 компонентов, с разной вложенности и некоторые используются не один раз и динамически подгружаются. Получается я заранее должен знать какие компоненты могут быть подгружены

папка store

глянь как там и как в компонентах используется

если убрать namespaced: true. в модулей то можно без имени модуля прокидывать гетеры и экшны в компоненты

У меня более 50 компонентов, с разной вложенности и некоторые используются не один раз и динамически подгружаются. Получается я заранее должен знать какие компоненты могут быть подгружены

И у всех 50 компонентов надо шарить стейт? Что-то слабо представляю что за приложение. Можно код посмотреть?

А вообще, краткий гайд: — если состояние компонента шарить не надо, используй data — если состояние компонента шарится только с родителем или соседями, то используй data с props — если props становятся слишком большими или между более далёкими компонентами шарить надо, то выноси в стейт vuex-а

А вообще, краткий гайд: — если состояние компонента шарить не надо, используй data — если состояние компонента шарится только с родителем или соседями, то используй data с props — если props становятся слишком большими или между более далёкими компонентами шарить надо, то выноси в стейт vuex-а

???????

А вообще, краткий гайд: — если состояние компонента шарить не надо, используй data — если состояние компонента шарится только с родителем или соседями, то используй data с props — если props становятся слишком большими или между более далёкими компонентами шарить надо, то выноси в стейт vuex-а

ну спорно

vuex стейт можно отдельно протестировать

компоненты тоже можно отдельно протестировать

можно

но store проще

не вижу причин не держать в store стор приложения

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

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

чистые компоненты это отдельно

у меня тоже есть компоненты которые свое состояние у себя хранят, но об этом никто не знает

кроме самих компонентов

я имею ввиду что данные приложения лучше выносить в сторе

Может дать совет кто, есть сайт spa хочу чтобы было в body class='page .page_about' и так далее для всех страниц, в body header + footer я смогу как то менять этот класс с префиксом в body, а через router только контент часть менять, или если я буду менять всю страницу через router у меня будет такая же производительность как и с контентом?