Хотяяя, хмм

Сделай data в виде метода

Метода фабрики, возвращающий объект

this убери

Есть какое-либо объяснение почему конкретно в этом случае ненужен был this ?

Есть какое-либо объяснение почему конкретно в этом случае ненужен был this ?

В шаблонах впринципе не нужно указывать this

И так понятно, что все данные берутся от this

https://image.prntscr.com/image/M8zjsBM2Rru0g-N0UoPvsw.png В чем проблема? если меняю местами header и mapping, то тогда header нету. Помогите плз)

Как вы вообще докатываетесь до такого))) в доке на 1й странице пример. Там нет this, но мы зачем то его напишем))

Как вы вообще докатываетесь до такого))) в доке на 1й странице пример. Там нет this, но мы зачем то его напишем))

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

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

$forseUpdate или как там)

https://jsfiddle.net/ctq5jggg/

что-то не срабатывает

там в примере, в моем представлении, при нажатии refresh должен срабатывать mounted(), но он не срабатывает, почему?

потому что компонент уже примонтирован и надо следить за updated?

а можно как нибудь сделать force Mount?

а можно как нибудь сделать force Mount?

Зачем?

ну чтобы лишний раз не писать в каждом компоненте init() и reset() методы

когда там куча всего непонятного происходит

Никто не подскажет?

какая разница как ты его подключаешь

не могу использовать require,подключать *.vue

мне кажется тебе надо пройти на ютуб

а можно как нибудь сделать force Mount?

Отмонтировать и примонтировать. Например обернуть в v-if и принудительно сделать чтобы скрылся и потом показался

Отмонтировать и примонтировать. Например обернуть в v-if и принудительно сделать чтобы скрылся и потом показался

да... не изящно)) ну в принципе для быстрого костыля вполне) щас по идее так и сделано)

ну просто при разработке новых роутов, при mounted() которых должны идти запросы и в зависимости от результата которых должны срабатывать v-if'ы, меняться данные запускаться методы. В общем каждый раз надо учитывать какие-то init() и reset() методы, вещать watch()'еры на разные props свойства

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

ну... в теории

не могу использовать require,подключать *.vue

require в браузере?

require в браузере?

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

Я думаю что подучить бы вообше js не мешало бы..

:D

ну просто при разработке новых роутов, при mounted() которых должны идти запросы и в зависимости от результата которых должны срабатывать v-if'ы, меняться данные запускаться методы. В общем каждый раз надо учитывать какие-то init() и reset() методы, вещать watch()'еры на разные props свойства

Ну так в updated вызывать те же методы что и в mounted

И не нужны куча вотчеров на входные параметры

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

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

Через вагрант

Народ подскажите плз что за штука такая "let"

Встретил её в коде, не пойму для чего

Встретил её в коде, не пойму для чего

объявление переменной (раньше был var)

а, ок, спасибо)

es6 в помощь, это о let

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

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

Привет, у меня проблема с nuxt. Пытаюсь асинхронно получить data пытаюсь: import {getStocks} from '../api/index' export default { components: { Share }, async data () { let { data } = await getStocks() console.log(data, 'data') return { cardData: data } } Вроде все по докам https://ru.nuxtjs.org/guide/async-data А все равно ругается на: [Vue warn]: data functions should return an object: } или даже так: import {getStocks} from '../api/index' export default { components: { Share }, data () { return getStocks() .then((res) => { return { cardData: res.data } }) }

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

после run образа?

не совсем понял. я делаю docker-compose up, и потом хоть останавливай сперва контейнер, хоть сразу перезагружай ноут - все равно данные из бд теряются. это у меня с postgres такая шляпа

про монтирование диска я знаю, не помогло

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

про монтирование диска я знаю, не помогло

с mysql все норм. Прокинул /var/lib/mysql и все как часики гугли, все ли папки ты прокинул - может постгресу еще что-то нужно

там мы о win 10

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

Привет, у меня проблема с nuxt. Пытаюсь асинхронно получить data пытаюсь: import {getStocks} from '../api/index' export default { components: { Share }, async data () { let { data } = await getStocks() console.log(data, 'data') return { cardData: data } } Вроде все по докам https://ru.nuxtjs.org/guide/async-data А все равно ругается на: [Vue warn]: data functions should return an object: } или даже так: import {getStocks} from '../api/index' export default { components: { Share }, data () { return getStocks() .then((res) => { return { cardData: res.data } }) }

data должна быть функцией (и не асинхронной), это метод Vue.

asyncData может быть с асинхронщиной, это метод Nuxt

с mysql все норм. Прокинул /var/lib/mysql и все как часики гугли, все ли папки ты прокинул - может постгресу еще что-то нужно

с монтированием все сохраняло как надо, но при повторном docker-compose up посгрес ругался что директория непустая и отказывался запускаться. с мускулом такого нет?

не, все норм

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

Я не о вью. Например поднял сервер на koa, висит себе да и висит. Пока не стала неободимость тестить плюшки. И вот тут шляпа. Все изменения через рестарт имиджа. Бесит. Да это решается вариантом поднять тупо сервер и проксить нджинксом, да можно и перебутнуться и с линукса всё делать, но ёб жеш их мать!)

asyncData может быть с асинхронщиной, это метод Nuxt

понял, спасибо, похоже русские доки уже не актуальны правда import axios from 'axios' import {getStocks} from '../api/index' export default { components: { Share }, asyncData ({ params }) { return axios.get('/actions') .then((res) => { return { cardData: res.data } }) } тоже не срабатывавет

Русские доки к Nuxt там пока для версии 0.10, а сейчас уже 1.0-rc11 :)

как я понял в data должно быть свойство cardData у вас, потому что возвращаемый из asyncData объект полностью заменяет data

или мержится (эт я хз)

в доках пишут, что мержится

эти асинхронные данные только для SSR если что :)

а для обычной работы надо получать по-старинке

Ну так в updated вызывать те же методы что и в mounted

действительно) а как можно router-view перезагрузить, чтобы в каждом роуте не отлавливать

ну параметр же меняться должен какой-то

ERROR: S client not available

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

а для обычной работы надо получать по-старинке

Понял в чем проблема, вызывал с компонента а не с пэйджа

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

ну это то да, но думал есть путь легче)

это и есть путь легче!

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

чудеса да и только)

Русские доки к Nuxt там пока для версии 0.10, а сейчас уже 1.0-rc11 :)

потому что настоящие мужики читают сорсы!

странная вещь, повесил клик на div, он срабатывает на всем кроме тега < i > с чего бы это могло быть? .roles(v-else, v-click-outside="closeRoles") .avatar( v-for="r in roles", @click="selectRole(r)", :class="rolesOpen ? '' : r.active ? '' : 'hidden'" ) .photo .img(:style="'background-image: url(/' + (r.name == 'CLIENT' ? photoUrl : r.photoUrl) + ');'") .first-info .name {{r.name == 'CLIENT' ? name : r.provider_info.fullname}} .whois {{r.name == 'CLIENT' ? phone : r.title_ru}} i.fa.fa-angle-down(v-if="!rolesOpen") // click по родителю не срабатыет

странная вещь, повесил клик на div, он срабатывает на всем кроме тега < i > с чего бы это могло быть? .roles(v-else, v-click-outside="closeRoles") .avatar( v-for="r in roles", @click="selectRole(r)", :class="rolesOpen ? '' : r.active ? '' : 'hidden'" ) .photo .img(:style="'background-image: url(/' + (r.name == 'CLIENT' ? photoUrl : r.photoUrl) + ');'") .first-info .name {{r.name == 'CLIENT' ? name : r.provider_info.fullname}} .whois {{r.name == 'CLIENT' ? phone : r.title_ru}} i.fa.fa-angle-down(v-if="!rolesOpen") // click по родителю не срабатыет

у меня тож такое было, с директивой и тегом li, я забил и поменял li на span и все ок)

странная вещь, повесил клик на div, он срабатывает на всем кроме тега < i > с чего бы это могло быть? .roles(v-else, v-click-outside="closeRoles") .avatar( v-for="r in roles", @click="selectRole(r)", :class="rolesOpen ? '' : r.active ? '' : 'hidden'" ) .photo .img(:style="'background-image: url(/' + (r.name == 'CLIENT' ? photoUrl : r.photoUrl) + ');'") .first-info .name {{r.name == 'CLIENT' ? name : r.provider_info.fullname}} .whois {{r.name == 'CLIENT' ? phone : r.title_ru}} i.fa.fa-angle-down(v-if="!rolesOpen") // click по родителю не срабатыет

а ты на него попадаешь вообще?

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

а ты на него попадаешь вообще?

конечно

у меня тож такое было, с директивой и тегом li, я забил и поменял li на span и все ок)

span не помог(

Парни, подскажите

const vm = new Vue({ el: pictureUploadElement, data: { form: new FileUploadForm({ preview: JSON.parse(settings), }), },

как получить $el внутри FileUploadForm

по this там естественно сама FileUploadForm

vm.$el

span не помог(

тогда обкладывай все консоль логами и смотри где уже не работает)

vm.$el

внутри FileUploadForm нет же этой переменной

тогда обкладывай все консоль логами и смотри где уже не работает)

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

понятно, оказалось директива не дружит с v-if

внутри FileUploadForm нет же этой переменной

если его там нет, то и вопроса никакого нет ?‍♂️

если его там нет, то и вопроса никакого нет ?‍♂️

??

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

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

засунуть в него this?

Почему в NUXT при компеляции nuxt generate появляется второй тег стайл со стилями плагина который перебивает мои стили, как исправить это, как поменять местами