?

А хтмл надо оживлять

А потом Vue садится на вот эту верстку. Синхронизирует состояние и вот это все. Nuxt заботится об этом всем

Всем привет. Кто нибудь работает в связке laravel + vue + vuex . Как из шаблона blade.php передать массив в vuex store?

аааа!!! как сделать валидацию для всего кода?

Eslint?

А потом Vue садится на вот эту верстку. Синхронизирует состояние и вот это все. Nuxt заботится об этом всем

Ононо чо. Продолжу читать доки, спасибо, успокоил )

Eslint?

это что?

Eslint?

?

это что?

Валидатор и стилист твоего кода

это что?

Утилита для проверки кода в соответствии с настройками

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

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

Соблюдение стиля написания кода

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

Внедрять или нет - это тебе с командой решать

я и есть команда

ну круто

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

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

чего валидации?

полей

veevalidate он юзает, перевожу =)

Так и говори, а то валидации кода...

Кто-нибудь пользовался с vue и чем-то типа collections.js или DataSet в vis.js?

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

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

у тебя где-то есть main.js, вот там и подключай.

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

в доках по либе должно быть написано как глобально подключить

а ты в одном из компонентов регаешь, вместо этого

у тебя где-то есть main.js, вот там и подключай.

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

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

разница в том, что дочерние компоненты унаследуют

разница в том, что дочерние компоненты унаследуют

нужно же всего лишь сделать эту команду Vue.use(VeeValidate); или я чтото упускаю?

нужно же всего лишь сделать эту команду Vue.use(VeeValidate); или я чтото упускаю?

наверное. Мне за тебя доку прочитать, или что?

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

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

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

всё.

импорт чего, там же только вот Vue.use(VeeValidate);

import Vue from 'vue'; import VeeValidate from 'vee-validate'; Vue.use(VeeValidate);

https://baianat.github.io/vee-validate/guide/getting-started.html#installation

чето мне кажется что я уже просто перегрелся)

Может по поводу vuex-crud и nuxt axios-module кто-то подскажет? Суть проблемы: this.$axios — undefined, поэтому vuex-crud подтягивает defaultClient вместо того что задал я. Если определять actions как обычно, то всё нормально

Может по поводу vuex-crud и nuxt axios-module кто-то подскажет? Суть проблемы: this.$axios — undefined, поэтому vuex-crud подтягивает defaultClient вместо того что задал я. Если определять actions как обычно, то всё нормально

console.log(this) сделай

console.log(this) сделай

там есть состояние хранилища, и нет $axios.

там есть состояние хранилища, и нет $axios.

ну а $axios где лежит?

ну а $axios где лежит?

не знаю, но если определять модуль хранилища как обычно, без vuex-crud, он находится в this.

Если сделать console.log(this) в модуле, (любом, хоть и в index, который совершенно стандартный, без crud), то там axios'a нет. Внутри action'ов axios появляется. Как это работает?

Если сделать console.log(this) в модуле, (любом, хоть и в index, который совершенно стандартный, без crud), то там axios'a нет. Внутри action'ов axios появляется. Как это работает?

Что за $axios вообще?

Что за $axios вообще?

ну типа глобально всунутый аксиос в прототип вуя?

ну типа глобально всунутый аксиос в прототип вуя?

эй, не порти нам веселье

Что за $axios вообще?

так в документации по axios-module

https://axios.nuxtjs.org/usage.html

эй, не порти нам веселье

хехе

О, так у нас nuxt

так в документации по axios-module

хуевая документация

Там рест апи мб

И он рил в прототип записал

хуевая документация

нормальная, если отказаться от vuex-crud, всё работает.

нормальная, если отказаться от vuex-crud, всё работает.

нет

работать и хуево может, вопрос в том как делать правильно, а это не правильно

работать и хуево может, вопрос в том как делать правильно, а это не правильно

если бы я хотел импортировать axios в каждый компонент где он нужен, я бы это сделал.

Мне от этого модуля нужны разные baseUrl для SSR и браузера и другие вещи

import Vue from 'vue'; import VeeValidate from 'vee-validate'; Vue.use(VeeValidate);

не все равно ошибка, и уменя тут во так import Vue from 'vue'; import ru from "vee-validate/dist/locale/ru"; import VModal from 'vue-js-modal'; import automix from '../mixins/auto-mix'; import { bus } from '../vue/bus'; Vue.use(VModal); const dictionary = { ru: { messages: { unique_source: function () { return "Такой автомобиль уже существует" }, unique_url: function () { return "Такой автомобиль уже существует" }, unique_vin: function () { return "Такой автомобиль уже существует" } } } } VeeValidate.Validator.addLocale(ru); VeeValidate.Validator.updateDictionary(dictionary); Vue.use(VeeValidate);

не все равно ошибка, и уменя тут во так import Vue from 'vue'; import ru from "vee-validate/dist/locale/ru"; import VModal from 'vue-js-modal'; import automix from '../mixins/auto-mix'; import { bus } from '../vue/bus'; Vue.use(VModal); const dictionary = { ru: { messages: { unique_source: function () { return "Такой автомобиль уже существует" }, unique_url: function () { return "Такой автомобиль уже существует" }, unique_vin: function () { return "Такой автомобиль уже существует" } } } } VeeValidate.Validator.addLocale(ru); VeeValidate.Validator.updateDictionary(dictionary); Vue.use(VeeValidate);

не вижу импорта VeeValidate

Подскажите, как решаеются такие проблемы. Есть некоторая библиотека, хранящая коллекцию чего-либо. Какое-нибудь дерево, например, или ещё что-то. Доступ к элементам этой коллекции осуществляется через метод коллекции, допустим, getAll() возвращает массив всех элементов. Требуется работать с элементами этой коллекции во vue. Проблема в том, что если напрямую в шаблоне использовать SomeCollections,getAll(), то работа получается часто багованная, так как под getAll может быть скрыто что угодно. Если ли более красивые решения, чем делаю повторно свою коллекцию и редактивать её параллельно с основной?

не вижу импорта VeeValidate

если я его ставлю получаю ошибку

если бы я хотел импортировать axios в каждый компонент где он нужен, я бы это сделал.

я этого не говорил. а по тебе сразу видно что не знаешь как правильно отделяется бизнес логика апи от компонентов

Подскажите, как решаеются такие проблемы. Есть некоторая библиотека, хранящая коллекцию чего-либо. Какое-нибудь дерево, например, или ещё что-то. Доступ к элементам этой коллекции осуществляется через метод коллекции, допустим, getAll() возвращает массив всех элементов. Требуется работать с элементами этой коллекции во vue. Проблема в том, что если напрямую в шаблоне использовать SomeCollections,getAll(), то работа получается часто багованная, так как под getAll может быть скрыто что угодно. Если ли более красивые решения, чем делаю повторно свою коллекцию и редактивать её параллельно с основной?

"багованная" ?

Подскажите, как решаеются такие проблемы. Есть некоторая библиотека, хранящая коллекцию чего-либо. Какое-нибудь дерево, например, или ещё что-то. Доступ к элементам этой коллекции осуществляется через метод коллекции, допустим, getAll() возвращает массив всех элементов. Требуется работать с элементами этой коллекции во vue. Проблема в том, что если напрямую в шаблоне использовать SomeCollections,getAll(), то работа получается часто багованная, так как под getAll может быть скрыто что угодно. Если ли более красивые решения, чем делаю повторно свою коллекцию и редактивать её параллельно с основной?

Список рендеришь?

не все равно ошибка, и уменя тут во так import Vue from 'vue'; import ru from "vee-validate/dist/locale/ru"; import VModal from 'vue-js-modal'; import automix from '../mixins/auto-mix'; import { bus } from '../vue/bus'; Vue.use(VModal); const dictionary = { ru: { messages: { unique_source: function () { return "Такой автомобиль уже существует" }, unique_url: function () { return "Такой автомобиль уже существует" }, unique_vin: function () { return "Такой автомобиль уже существует" } } } } VeeValidate.Validator.addLocale(ru); VeeValidate.Validator.updateDictionary(dictionary); Vue.use(VeeValidate);

Откуда ты этот код взял?

Сам написал?

ERROR: S client not available

"багованная" ?

Например, если там возвращается ссылка на один и тот же массив, который редактируется не по правилам vue)

Список рендеришь?

Да

Да

key стоит у элементов списка?

Откуда ты этот код взял?

мне она достался для доделок))

key стоит у элементов списка?

рендерю то, что вернёт какой-нибудь Get(), если это имелось в виду

мне она достался для доделок))

Документацию по VueValidate открывал?

Документацию по VueValidate открывал?

да 27e541e2073f.js:2571 Uncaught TypeError: _veeValidate2.default.Validator.addLocale is not a function at Object.121 (27e541e2073f.js:2571) at webpack_require (27e541e2073f.js:1051) at 0._typeof (27e541e2073f.js:1052) at 27e541e2073f.js:1053

рендерю то, что вернёт какой-нибудь Get(), если это имелось в виду

Покажи шаблон где рендеришь список

да 27e541e2073f.js:2571 Uncaught TypeError: _veeValidate2.default.Validator.addLocale is not a function at Object.121 (27e541e2073f.js:2571) at webpack_require (27e541e2073f.js:1051) at 0._typeof (27e541e2073f.js:1052) at 27e541e2073f.js:1053

Теперь сравни со своим кодом https://baianat.github.io/vee-validate/guide/localization.html#using-the-dictionary-api

ага вижу

у тебя key не стоит на a

у тебя key не стоит на a

А как это решает проблему например, если get() вернёт массив, который будет возвращать ссылку на один и тот же массив, но изменяться будет поиндексно? Или ещё что-нибудь

А как это решает проблему например, если get() вернёт массив, который будет возвращать ссылку на один и тот же массив, но изменяться будет поиндексно? Или ещё что-нибудь

Ты попробуй key сначала поставить

А как это решает проблему например, если get() вернёт массив, который будет возвращать ссылку на один и тот же массив, но изменяться будет поиндексно? Или ещё что-нибудь

может сделать computed который все эти вещи будет обрабатывать и возвращать в предсказуемом виде?

Ты попробуй key сначала поставить

Пробую, жду, пока соберётся)

может сделать computed который все эти вещи будет обрабатывать и возвращать в предсказуемом виде?

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

может сделать computed который все эти вещи будет обрабатывать и возвращать в предсказуемом виде?

Не уверен, что Vue сможет отследить все изменения

Ты попробуй key сначала поставить

Не изменилось. И изменения не сразу появляются, и в некоторых случаях падает, даже не показывает в консоль ошибок ._.

Не изменилось. И изменения не сразу появляются, и в некоторых случаях падает, даже не показывает в консоль ошибок ._.

Покажи шаблон

Ну тогда я хз. При работе с массивами, Vue патчит их методы. Что происходит внутри этой либки, фиг знает

Я могу отслеживать изменения на nodes и либо делать "совю коллекцию" и дублировать изменения, но не хочется, особенно с учётом того, что удалять придётися за линейную сложность и таких мест много различных. Хотелось знать, если ли какие-то "универсальные" решения для таких проблем при взаиможействии с различными коллекциями, внутри которых хрен знает что, но можно получить массив

Я могу отслеживать изменения на nodes и либо делать "совю коллекцию" и дублировать изменения, но не хочется, особенно с учётом того, что удалять придётися за линейную сложность и таких мест много различных. Хотелось знать, если ли какие-то "универсальные" решения для таких проблем при взаиможействии с различными коллекциями, внутри которых хрен знает что, но можно получить массив

Либо могу, отслеживая изменения, вызывать forseUpdate, что тоже костыль (или нет?)

Либо могу, отслеживая изменения, вызывать forseUpdate, что тоже костыль (или нет?)

Или нет. Не знаю, надо думать.

Ок, спасибо

А че за this

Их в шаблоне же не должно быть.

ха, я даже внимание не обратил

Их в шаблоне же не должно быть.

Да, действительно, случайно написал, сейчас попробую убрать. Но... работало же частично...

Ничего не изменилось

Короче, по моей проблеме с vuex-crud, насколько я понял, this там разрешается раньше чем nuxt успевает пропатчить в this свой контекст (в котором и содержится $axios). Как выходить из положения — хз. Создал вопрос у обоих проектов.