на сервере laravel

php artisan preset vue

сейчас нет особого понимания с какой стороны подойти, чтоб прям бестпрактикс

<div> v-for=“(item, index) in shopsCategory” @click=“show = !show” </> Здесь внутри див с содержимым категории и с v-if=“show”

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

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

Вот и мой вопрос )

Как сделать отдельно для каждого

Как сделать отдельно для каждого

суть же в том, чтоб отфильтровать список продуктов/свой_вариант по категории?

Уже есть список категорий, выводится этим циклом(по этому не могу отдельно каждому прописывать индивидуальные условия) Надо как то сделать чтобы show для всех отдельно отрабатывал, и открывал только ту категорию, на которую нажали

И походу надо оперировать как то index по моему

как вариант, сделай какой-нибудь selectedCategory и v-show="selectedCategory === item" на каждый раскрывающийся блок

Привет, при подключении яндекс карты в консоль подает такая ошибка. В чем проблема может быть? Uncaught TypeError: Cannot read property 'offsetWidth' of null

https://github.com/PNKBizz/vue-yandex-map

всем привет, а где во vuex лучше держать вызовы апи? в mutations, оставляя actions-ы чистыми функциями

всем привет, а где во vuex лучше держать вызовы апи? в mutations, оставляя actions-ы чистыми функциями

может наоборот?)

подскажите postcss плагин который качает и впиливает все css инклуды аля @import url("http://some_link"); (надо скачать и вставить этот файл в билд в место его импорта)

mutations == рудюсеры(если про редакс говорить ) в таком случае

всем привет, а где во vuex лучше держать вызовы апи? в mutations, оставляя actions-ы чистыми функциями

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

ну хотя да экшен = экшены + мидвары из редакса всем спс, проглядел в доке

вызовы апи и вся логика в экшнах

в мутации чистые данные которые надо добавить/изменить

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

да я понял ) просто после редакса хотел получить понимание терменологий )

Жаль только что это говно постоянно падает, и работает медленно

Да, падает периодически и в самый неожиданный момент, как всегда ?

и разрыв шаблона от мутабельности стора)))

mutations === reducers

mutations === reducers

не совсем

?

не совсем

редьюсеры возвращают новое значение

а в чем именно ?

а ну да

а тут сетишь полученное значение

ребят кто-нибудь работал с tui-calendar ? https://www.npmjs.com/package/tui-calendar/v/1.2.3#how-cool-monthly-weekly-daily-and-various-view-types

парни, а напомните, плиз, если е меня простая html с подключенным скриптом vue и vue-resource, как еквесты делать, чтобы кроссдомэйн избежать?

Парни, напомните куда копать. А таблице (то есть считай в цикле) используется одна компонента для редактирования данных. первый раз она показывает правильные данные, а на следующем элементе показывает данные первого открытого и данные не меняются в ней. Данных (data () ) в компоненте нет, только пропсы.

Как отредачить конфиг вебпака в vue cli 3? Как я понял, мне нужно самому создать надстройку конфига и потом его смержить в основной через webpack-merge?

парни, а напомните, плиз, если е меня простая html с подключенным скриптом vue и vue-resource, как еквесты делать, чтобы кроссдомэйн избежать?

Не делать "кроссдомэйн"

Не делать "кроссдомэйн"

эт как?

эт как?

Не делать запросы, которые попадают под CORS

Как отредачить конфиг вебпака в vue cli 3? Как я понял, мне нужно самому создать надстройку конфига и потом его смержить в основной через webpack-merge?

vue.config.js и дока по vue-cli

Не делать запросы, которые попадают под CORS

самое простое: как сделать запрос с cbr.ru?

самое простое: как сделать запрос с cbr.ru?

Чего?

vue.config.js и дока по vue-cli

Ты написал то же самое, что и я)

Чего?

http://www.cbr.ru/scripts/XML_dynamic.asp?date_req1=02/03/2001&date_req2=14/03/2001&VAL_NM_RQ=R01235 как такой запросить без корса?

Салют. Чем в base64 текст перегоняете?

Ты написал то же самое, что и я)

Я не понял что значит "потом смержить через webpack-merge"

ты сейчас с кем говорил?

о! удалил ))

ты сейчас с кем говорил?

я ошибся

Салют. Чем в base64 текст перегоняете?

браузеры нативно умеют

Салют. Чем в base64 текст перегоняете?

btoa?

Салют. Чем в base64 текст перегоняете?

atob() btoa()

btoa?

с utf-8 вроде не дружат

оч сомневаюсь

с utf-8 вроде не дружат

buffer

там написано, что он будет смержен сам, а не что тебе его надо мержить

там написано, что он будет смержен сам, а не что тебе его надо мержить

Понял, спасибо

Ты в так написал в первом сообщении, будто руками собрался мержить с помощью webpack-merge.

function b64EncodeUnicode(str) { return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) { return String.fromCharCode(parseInt(p1, 16)) })) } b64EncodeUnicode('✓ à la mode') // "4pyTIMOgIGxhIG1vZGU=" b64EncodeUnicode('\n') // "Cg=="

Ты в так написал в первом сообщении, будто руками собрался мержить с помощью webpack-merge.

Ну так если надо - почему нет?

ERROR: S client not available

function b64EncodeUnicode(str) { return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) { return String.fromCharCode(parseInt(p1, 16)) })) } b64EncodeUnicode('✓ à la mode') // "4pyTIMOgIGxhIG1vZGU=" b64EncodeUnicode('\n') // "Cg=="

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

Ну так если надо - почему нет?

Что надо ?)

м, прикольно, не знал

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

используй готовое ))

Как computed использовать в v-bind:style ?

используй готовое ))

https://www.npmjs.com/package/js-base64 нашел)

Как computed использовать в v-bind:style ?

:style="{ color: myComputedVariable }"

:style="{ color: myComputedVariable }"

А весть стиль? Оно не читает computed, оно только data походу читает

А весть стиль? Оно не читает computed, оно только data походу читает

<h1 :style="{color: getColor }">{{ siteName }}</h1> только что проверил. все ок. применяй

<h1 :style="{color: getColor }">{{ siteName }}</h1> только что проверил. все ок. применяй

Не... чтобы <h1 :style="jsonLikeStyle">{{ siteName }}</h1>

Ой.. походу Ток что не работало ))) Короче так же как и с data.... Ну и ок

computed: { getStyle() { return { color: 'red' }; }, },

<h1 :style="getStyle">{{ siteName }}</h1> все работает

кстати, иногда вызов функции без скобочек у меня не срабатывает. хотя мб косячу где-то. но теперь везде ставлю скобки. стандартов, кстати, с этим связанных, нет? просто хотя бы, чтобы отличать метод от какой-нибудь переменной

я про :style="getStyle" vs :style="getStyle()"

а, стоп, это же computed

именно

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

а если метод?

если метод - со скобками

если метод - со скобками

даже если метод не использует аргументы?

..кроме случаев, где метод - это обработчик

даже если метод не использует аргументы?

зависит от контекста. если на предыдущем примере, то без скобок getStyle (если он метод) вообще не сработает

Коллеги, всем привет! Подскажите, пожалуйста, почему данные не доходят до компонента. // Foo.vue <template> <div class="container"> <ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul> </div> </template> <script> export default { data() { return { elements: [] }; }, }; </script> //index.js import Vue from "vue"; import Foo from "./components/Foo.vue"; Vue.component("Foo", Foo); new Vue({ data: { items: [{ message: "Foo" }, { message: "Bar" }] }, render: h => h(Foo) }).$mount("#app");

Кто с bootstrap-vue работал? Там можно как-нибудь индекс карусели получить?

Кто с bootstrap-vue работал? Там можно как-нибудь индекс карусели получить?

работал. сейчас гляну сорцы одного проекта

Кто с bootstrap-vue работал? Там можно как-нибудь индекс карусели получить?

просто по ref подтягиваешь свойство index

Кто с bootstrap-vue работал? Там можно как-нибудь индекс карусели получить?

в смысле индекс карусели?

в смысле индекс карусели?

индекс текущего слайда

наверное