все

неактуально

нашел актуальный вwindow.axios.defaults.headers.common['X-CSRF-TOKEN'];

<form><input type="text" value="@{{ selected_file.path }}"></form></span> </template> value так незя засунуть, как можно засунуть?

v-model

:value

И без фигурных скобок

И без фигурных скобок

Пасяба) Я с ними пихал сидел и у меня не работало)

Народ, тут вопрос к экспертам Vue. При каких условиях из двух компонентов может не рендерится 1 из них? Без ошибок

вместе - нет

Коллеги привет! У меня есть список продуктов, есть фильтрация по категории, есть всплывающее окно с описанием продукта, всё бы хорошо В роутере такие маршруты: { path: '/', component: Shop, children: [ { path: 'product/:product_id', component: ProductDetail, name: "product"} ] }, { path: '/category/:category_slug', component: Shop, name: 'category' }, Всё бы хорошо, но когда я в категории и перехожу в продукт, теряется выборка по категории, как получать информацию о продукте, оставаясь в контексте категории?

Коллеги привет! У меня есть список продуктов, есть фильтрация по категории, есть всплывающее окно с описанием продукта, всё бы хорошо В роутере такие маршруты: { path: '/', component: Shop, children: [ { path: 'product/:product_id', component: ProductDetail, name: "product"} ] }, { path: '/category/:category_slug', component: Shop, name: 'category' }, Всё бы хорошо, но когда я в категории и перехожу в продукт, теряется выборка по категории, как получать информацию о продукте, оставаясь в контексте категории?

может сделать path category_id/product_id?

может быть, но придётся генерировать ссылки через условие, я сам пока к этому варианту склоняюсь, вот решил поспрашивать, может есть варианты получше. Хорошо, что условие пока одно, если бы таких фильтров было штук 5 - знатная партянка получилась бы)

может быть, но придётся генерировать ссылки через условие, я сам пока к этому варианту склоняюсь, вот решил поспрашивать, может есть варианты получше. Хорошо, что условие пока одно, если бы таких фильтров было штук 5 - знатная партянка получилась бы)

не понимаю какие ссылки через условия генерировать

в vue есть такая тема как slot, скорее всего у них пространство этих слотов пересекается, надо смотреть на template компонентов

не понимаю какие ссылки через условия генерировать

ну так в коде есть ссылки:<router-link :to="{ name: 'product', params: { product_id: data.item.vendor_code }}">{{ data.item.name }}</router-link> в зависимости от того в категории мы или нет, придётся выдавать разные

ну так в коде есть ссылки:<router-link :to="{ name: 'product', params: { product_id: data.item.vendor_code }}">{{ data.item.name }}</router-link> в зависимости от того в категории мы или нет, придётся выдавать разные

а что если всегда быть в категории?

в vue есть такая тема как slot, скорее всего у них пространство этих слотов пересекается, надо смотреть на template компонентов

у обоих этих компонентов в глубине есть базовый компонент Table

не, это не красиво смотрится в url

они оба его импортят и используют

не, это не красиво смотрится в url

все сайты так работают, просто надо убрать дурацкие слова типо product

и сделать category/:category_id/product_id

как вытащить значение из дочернего компонента?

вместе - нет

Ошибок каких-нить нет? в консоле там?

как вытащить значение из дочернего компонента?

зачем?

как вытащить значение из дочернего компонента?

Отправить ивент из этого компонента

Ошибок каких-нить нет? в консоле там?

никаких ошибок нет, нигде вообще

все сайты так работают, просто надо убрать дурацкие слова типо product

ну product - не такое уж дурацкое, оно просто упрощает работу роутера

еще вопрос. : Vue.prototype.intersect допустим есть глобально определенный метод но когда я пытаюсь вызавть в data:function(){ return {checked:intersect()} } говорит что незнает метода

вопрос. как мне с помощью роутера передать custom данные?

т.е в УРЛ ничего нет но из одного компонента в другой может передаваться объем данныех.. типа аналог post ?

никаких ошибок нет, нигде вообще

Попробуй разный key добавить на оба соседних компонента, типа: <comp-one key="1"> <comp-two key="2">

Попробуй разный key добавить на оба соседних компонента, типа: <comp-one key="1"> <comp-two key="2">

не помогло

как вытащить значение из дочернего компонента?

вниз - props, вверх emit event, или шина данных - vuex

еще вопрос. : Vue.prototype.intersect допустим есть глобально определенный метод но когда я пытаюсь вызавть в data:function(){ return {checked:intersect()} } говорит что незнает метода

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

не помогло

Че т больше идей нет. разбирать по косточкам, дебажить

Че т больше идей нет. разбирать по косточкам, дебажить

только что заметил что компонент выше тоже исчезает

бред какой-то

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

Через Vue.mixin(...), но лучше 10 раз подумать

бред какой-то

?

Через Vue.mixin(...), но лучше 10 раз подумать

у меня большая пробелма в том, что проект который дали править - без нормальной компиляции. То есть проще говоря все засунуто в тег <script>, сам Vue подключается через cdn

?

если убрать slot-scope="{isFetching, isError, payload} то все починилось

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

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

вот, так и сказал)

вот, так и сказал)

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

просто во втором надо его свойства передать в его слот

просто во втором надо его свойства передать в его слот

https://medium.com/corebuild-software/understanding-scoped-slots-in-vue-js-db5315a42391 очевидно, надо использовать для каждого свой slot-scope

я могу сделать так: <TableContainer :organizationId="organizationId" :fetch="fetch"> <TableComponent /> </TableContainer> а внутри TableContainer <slot :isFetching="isFetching" />

https://medium.com/corebuild-software/understanding-scoped-slots-in-vue-js-db5315a42391 очевидно, надо использовать для каждого свой slot-scope

так в первом все остается на уровне компонента

я могу сделать так: <TableContainer :organizationId="organizationId" :fetch="fetch"> <TableComponent /> </TableContainer> а внутри TableContainer <slot :isFetching="isFetching" />

как-то так: <div slot-scope="table1"></div><div slot-scope="table2"></div>

как-то так: <div slot-scope="table1"></div><div slot-scope="table2"></div>

<InviteMemberModal :organization-id="organizationId"/> <TableContainer :organizationId="organizationId" :fetch="fetch"> <TableComponent /> </TableContainer> в InviteMemberModal мне никаких доп настроек не надо

<InviteMemberModal :organization-id="organizationId"/> <TableContainer :organizationId="organizationId" :fetch="fetch"> <TableComponent /> </TableContainer> в InviteMemberModal мне никаких доп настроек не надо

так там и не надо, надо в UserTableContainer и TableContainer разные slot-scope написать

так там и не надо, надо в UserTableContainer и TableContainer разные slot-scope написать

в InviteMemberModal тоже есть rest api ? и оно ломается тоже

UserTableContainer вообще убрал

<InviteMemberModal :organization-id="organizationId"/> <TableContainer :organizationId="organizationId" :fetch="fetch"> <TableComponent> <template slot="table-row" slot-scope="props"> <UsersTableComponentRow :params="props" :organization-id="organizationId"/> </template> </TableComponent> </TableContainer>

а при чём тут api вообще?

я просто описываю ситуацию, что есть однотиные действия, которые называются одинаково

это действия работы с апи, и если я вынесу в slot-scope то все ломается

собственно мне просто надо чтобы TableComponent был привязан к state который образуется внутри TableContainer

это действия работы с апи, и если я вынесу в slot-scope то все ломается

Могу предложить сделать аналогичное в песочнице

ERROR: S client not available

будет ли работать v-bind у слота?

или надо его сверху в родителе через slot-scope передавать

это действия работы с апи, и если я вынесу в slot-scope то все ломается

вообще лучше api выносить из компонентов, т.к. к отображению это никак не относится, и взаимодействовать с ними через состояния vuex тогда скорее всего таких проблем не возникнет

вообще лучше api выносить из компонентов, т.к. к отображению это никак не относится, и взаимодействовать с ними через состояния vuex тогда скорее всего таких проблем не возникнет

выносить вообще все во vuex это пример плохих практик

даже в реакте уже от этого отказываются)

вообще лучше api выносить из компонентов, т.к. к отображению это никак не относится, и взаимодействовать с ними через состояния vuex тогда скорее всего таких проблем не возникнет

а к vuex относится?)

а к vuex относится?)

запись как на последней картинке будет работать?)

а к vuex относится?)

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

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

список пользователей на странцие пользователей никак не относится к приложению в целом, он нужен только в этом месте в конкретном компоненте

ребят, вопрос к тем кто делал ssr на vue в этой статье приводится пример с дополнением компонентов методом asyncData в котором будет происходить наполнение состояния. https://ssr.vuejs.org/ru/guide/data.html#%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85 Обьясните, пожалуйста, почему нельзя для этого использовать "created" хук компонента?

если конечно стейт весь нормализованный тогда да, относится

Да вроде да. Сходу сложно сказать.

список пользователей на странцие пользователей никак не относится к приложению в целом, он нужен только в этом месте в конкретном компоненте

но интерфес API лучше отделить от логики саомго приложения, т.к. он может изменяться со временем

но интерфес API лучше отделить от логики саомго приложения, т.к. он может изменяться со временем

Ну, я не сказал что я туда axios запилил

как видно на скрине, все заканчивается вызовом this.fetch

но интерфес API лучше отделить от логики саомго приложения, т.к. он может изменяться со временем

Поэтому работу API выносят в отдельный слой сервисов, который вообще никак не связан со view. Во вьюхе только импортируют модули и дергают методы

как видно на скрине, все заканчивается вызовом this.fetch

ну так я тоже иногда делаю в принципе, если действительно данные только в этом компоненте используются

Поэтому работу API выносят в отдельный слой сервисов, который вообще никак не связан со view. Во вьюхе только импортируют модули и дергают методы

собственно и я о том-же

собственно и я о том-же

собственно я так и сделал

?

собственно и я о том-же

Да, только Vuex - это все тот же view

Вернее, на том же уровне

* в моем воображении

Да, только Vuex - это все тот же view

ну да, я в vuex только обрабатываю полученные данные, к api обращаюсь в другом месте

ща задам пару нубских вопросов если я сделал вот так <slot v-bind="table" :props="$props"/> то я слот подписал на локальное свойство table и в слот оно прилетит как пропс table?

Вакансии в @javascript_jobs

ща задам пару нубских вопросов если я сделал вот так <slot v-bind="table" :props="$props"/> то я слот подписал на локальное свойство table и в слот оно прилетит как пропс table?

ой, нет. table должен быть объект.

ой, нет. table должен быть объект.

ну у меня он объект

привет! ошибки были при обновлении вью на 2.5.16???

ой, нет. table должен быть объект.

Уот так уот сработает table = { foo: 'value', bar: 'value'} <slot :foo="foo" :bar="bar">

Уот так уот сработает table = { foo: 'value', bar: 'value'} <slot :foo="foo" :bar="bar">

table это большой объект со вложенностями, ща в песочнице сделаю