Доброй ночи

Короче, в created читаю значения со стореджа хром плагина

Error in response to storage.get: TypeError: undefined is not a function at Object.callback (chrome-extension://eipojcemeahdbgdlledminbdniifbdla/content.js:590:23) at Vue$3.created (chrome-extension://eipojcemeahdbgdlledminbdniifbdla/content.js:588:30) at callHook (chrome-extension://eipojcemeahdbgdlledminbdniifbdla/libraries/vue.js:2650:21) at Vue$3.Vue._init (chrome-extension://eipojcemeahdbgdlledminbdniifbdla/libraries/vue.js:4188:5) at new Vue$3 (chrome-extension://eipojcemeahdbgdlledminbdniifbdla/libraries/vue.js:4283:8) at chrome-extension://eipojcemeahdbgdlledminbdniifbdla/content.js:451:16

Такая ошибка

Такой код:

created: function() { console.log('created'); let tasks = this.tasks; chrome.storage.local.get('tasks', function(restoredTasks) { if (restoredTasks !== undefined) tasks.push(...restoredTasks); }); }

tasks массив

Подскажите плз что делать

в криейтеде я так понимаю, другие состояния объектов

Разобрался. Дело было в том, что restoredTasks вернулся объектом и применить ... к нему нелья. Array.from() спас

Ребята, а jquery реально заменить VUEJS?

Ребята, а jquery реально заменить VUEJS?

Да.

Только это гемор

Хотя без окончаний непонятно что чем ты заменить хочешь.

Ребята, а jquery реально заменить VUEJS?

Они немного для разного

Мне кажется это вопрос из разряда "Ребят, а можно самолет поездом заменить?"

Вместо jQ ты хочешь использовать vue? Или наоборот?

вместо jq

Мне кажется это вопрос из разряда "Ребят, а можно самолет поездом заменить?"

Ну не совсем)

вместо jq

Ну, это как кошка и собака по части питомцев.

jQ и vue могут прекрасно сосуществовать вместе)

А, с jq на vue. Так в чем проблема, если проект небольшой, то можно переписать на vue и понять на сколько кода меньше стало)

Jq может, но чаще всего он нужен сторонним либам, сейчас jq можно споуойно заменить ванилой и не тащить 200кб лишнего груза, я так считаю

Jq может, но чаще всего он нужен сторонним либам, сейчас jq можно споуойно заменить ванилой и не тащить 200кб лишнего груза, я так считаю

Ну ты преувеличиваешь про 200k)

Просто большинство сценариев правда ванила покрыла. Но, для анимаций и т.п. всё равно придётся стороннюю либу тащить и т.п.

твин модуль из jq можно взять, а вот сам jq уже не нужен.

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

Всем привет. Второй день бьюсь с каруселькой на vue-slick. Как только я в цикле упоминаю объект (массив) с сылками на картики, карусель расползается. На вид это так, будто скрипт slick'а не подключается. Делаю вот так: <slick class="slider-for" ref="slick-for" :options="slickMainOptions"> <div v-for="image in 4" class="slide_info_in"> <div class="slide_info_img"> <img src="http://lorempixel.com/736/534/" alt=""> </div> </div> </slick> <slick class="slider-nav" ref="slick-nav" :options="slickNavOptions"> <div v-for="image in 4" class="slide_info_in"> <div class="slide_info_img"> <img src="http://lorempixel.com/736/534/" alt=""> </div> </div> </slick> Всё нормально, выводится две карусельки: одна большая вверху и под ней миниатюры для навигации. Как видите цикл из 4-х элементов Вот как выглядит http://prntscr.com/gr1eq3 Но стоит мне в цикле вместо 4 вставить массив с ссылками v-for="image in product.images" Всё становится вот так http://prntscr.com/gr1fp0 Заметьте, я просто цикл по данным устроил, к самим данным еще не обратился даже. Данные корректные: http://prntscr.com/gr1gbz То есть картинки отображаются все. На лицо отключение скрипта, имхо. И как проследить хз. В консоли на предмет ошибок молчание. WTF?!

стили к слайдеру подключили?

которые в комплекте могут идти

Да-да, без них было тоже подобное. В app.scss: @import "node_modules/slick-carousel/slick/slick.scss";

Ребята, а jquery реально заменить VUEJS?

Технологии совершенно разного спектра и д разных целей Их не обязательно разделять, достаточно грамотно совмещать

Технологии совершенно разного спектра и д разных целей Их не обязательно разделять, достаточно грамотно совмещать

Больной ублюдок

Я так и знал, что ты из этих

Я так и знал, что ты из этих

?‍♂ я за решение бизнес задач

Ты будешь мучаться и портировать готовые вещи с jQ?

Не жаль времени.

Только практичный подход

Что портировать?

Дейтпикеры, коих уже миллион и без jq?

Что портировать?

Какой-нибудь хитросделанный контрол на 1к строк.

Да по-любому

Или анимацию, которая построена на нём. Вон какие цветастые сайты встречаются.

Это хорошо.

Значит у меня преимущество)

Анимацию? Ты не можешь сделать анимацию без Vue?

Ой

Без jq

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

Займусь более важными вещами.

Velocity, tween в помощь

Ты походу не понял моего и @Fl0pZz посыла)

Ты походу не понял моего и @Fl0pZz посыла)

М?

Velocity, tween в помощь

С ними никаких велосипедов

Пока не выйдет более крутая библиотека.

А потом опять переписывать.

О да!

Што

Да-да, без них было тоже подобное. В app.scss: @import "node_modules/slick-carousel/slick/slick.scss";

разве в импортах нужно указывать явно node_modules

разве в импортах нужно указывать явно node_modules

а как надо? По-другому ошибка при сборке

всем привет! кто может подсказать, как при изменении переменной в хранилище выполнять определенный метод в компоненте?

а как надо? По-другому ошибка при сборке

Просто с имени пакета путь начинается, он сам в нод модулях ищет

всем привет! кто может подсказать, как при изменении переменной в хранилище выполнять определенный метод в компоненте?

Отслеживать в компоненте изменение этой переменной и вызывать метод.

а путь там точно такой? не в каком-нибудь dist лежит?

@alex_sokolov в любом случае ошибка не в этом Да, руками залез в папку и нашел этот файл

а импорт этот где стоит

в JS?

а импорт этот где стоит

Импорт стиля? В app.scss. Это webpack.mix сборка из коробки Laravel

на странице в собранном app.css есть стили slick, так что собирается нормально всё

Импорт стиля? В app.scss. Это webpack.mix сборка из коробки Laravel

Imports webpack provides an advanced mechanism to resolve files. The sass-loader uses node-sass' custom importer feature to pass all queries to the webpack resolving engine. Thus you can import your Sass modules from node_modules. Just prepend them with a ~ to tell webpack that this is not a relative import: @import "~bootstrap/dist/css/bootstrap";

It's important to only prepend it with ~, because ~/ resolves to the home directory. webpack needs to distinguish between bootstrap and ~bootstrap because CSS and Sass files have no special syntax for importing relative files. Writing @import "file" is the same as @import "./file";

отсюда https://github.com/webpack-contrib/sass-loader#usage

Просто с имени пакета путь начинается, он сам в нод модулях ищет

У него мб в конфиге вебпака не прописано

так и без прописывания по дефолту вебпак ищет в node_modules, вот для sass лоадер вносит толику своего

@alex_sokolov как вообще такое может быть, что при обращении к объекту в цикле, отрубается подключение скрипта? (я всё-таки думаю это скрипт slick'а, т.к. в вёрстку аттрибуты не добавлены на скринах выше, поэтому же элементы не расставляются по своим местам)

Не представляю что у вас там отрубается :)

Вся надежда была на чат) Всё, тупик( Взрыв мозга.

Ищу ментора)

ты код скинь куда-нибудь и покажи, а не обрывками

ты код скинь куда-нибудь и покажи, а не обрывками

+++

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

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

Ты слишком стар))

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

и их уже не метают.

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

Ну у тебя же есть компонент для карусели) и ты явно знаешь что в него входными параметрами передаёшь

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

Отслеживать в компоненте изменение этой переменной и вызывать метод.

подскажи как

подскажи как

Сделать computed с геттером на нужную переменную из Vuex, добавить watch на эту computed. В Watch вызывать метод

watch: {a: function(v1, v2) {comsole.log(v1,v2)}}, computed: {...mapGetters(['a'])}

вот так не работает :(

что за comsole

посмотрите в devtools как у вас computed называется