вон записывайся на курс с Илье Климову вроде еще можно. Он на учти тебя магии 😊

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

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

вон записывайся на курс с Илье Климову вроде еще можно. Он на учти тебя магии 😊

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

вон записывайся на курс с Илье Климову вроде еще можно. Он на учти тебя магии 😊

Там нужно изначально уметь магию)

тане там же вроде базовый

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

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

есть код <div class="form-group" v-if="value.steps.length > 0">, подобное в нескольких местах в консоли валится как раз про length value - вычисляемое value () { return Object.keys(this.$store.getters.getRecipe).length > 0 ? this.$store.getters.getRecipe : {} } это вложенная компонента, которая даёт ошибку

a lenght() не так случайно должно быть?

Вот как вызывается вложенная компонента <edit-or-create v-if="data" v-model="data" @refresh="getItem()"></edit-or-create> свойство data: computed: { data: { get: function () { return this.$store.getters.getRecipe }, set: function (value) { this.$store.commit('setRecipe', value) } }

н еэто же свойство я не функция

так обьяви валуе в дате и при калкулейтеде заливай в нее нужные данные

ой компьтед)

так обьяви валуе в дате и при калкулейтеде заливай в нее нужные данные

ну так и сделано же вот выше

mounted () { this.loading = true await this.$store.dispatch('setRecipe', this.id) this.loading = false }, actions const actions = { async setRecipe ({commit, state}, id) { let {data} = await Vue.axios.get('admin/recipe/' + id) commit('setRecipe', data) }

так обьяви валуе в дате и при калкулейтеде заливай в нее нужные данные

а, понял о чем

а как у тебя евейтится если ты не обьявил async?

так обьяви валуе в дате и при калкулейтеде заливай в нее нужные данные

но это уже обратный процесс. У меня же проблема доставить данные вовремя во вложенную компоненту

а как у тебя евейтится если ты не обьявил async?

объявил

ты не понимаешь как работает async await

mounted () { this.loading = true await this.$store.dispatch('setRecipe', this.id) this.loading = false },

как это работает?)

как это работает?)

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

попробуй в начале с таймаутами что было наглядно

полный код: mounted () { this.getItem() }, methods: { async getItem () { this.loading = true await this.$store.dispatch('setRecipe', this.id) this.loading = false } }

/help@GroupButler_bot

Start me to get the list of commands

Привет, ребята. Есть какие-то идеи как сделать похожую анимацию?

отслеживать скролл, по достижении определенных элементов - триггерить анимацию

как вообще её сделать? Даже на ховер

Все привет

Такой вопрос

Парни

кто-то иконки юзал ?

https://vue-feather-icons.netlify.com/

иконки юзал однажды, но не эти

К нам на вход приходит два объекта. Rows = [ Row ], Columns = [ Column ]. Есть три фильтра: 1. filteredRows = [ Row.State ] 2. filterColumns = [ Column.name in names ] 3. filteredRows = [ match( filteredRow[ filteredColumns[ i ] ] ) ] Далее этими данными мы набиваем таблицу. Вопрос в архитектуре это приложения. На ум приходить несколько решений: 1. VueApp->Filter1->Filter2->Filter3->Table 2. VueApp->[ ComplexFilter; Table ] Т.е. в первом случае мы в качестве входных параметров будем передавать дочернему элементу отфильтрованные Row и Columns и получается, что у нас будет как минимум по 5 копий этих объектов — не положит ли это все? Плюс в том, что общение последовательно и данные, как положенно спускаются вниз. Во втором случае можно съкономить и иметь всего по две копии этих объектов. Вопрос собственно: Правильно ли я понимаю, что копии объектов все-таки будут и они могут все очень весело положить? И есть ли у кого опыт проектирования подных приложений и какие-нибудь советы?

ребят а как vue с express подружить

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

ребят а как vue с express подружить

ssr или не ssr?

ssr или не ssr?

щас погуглю что это такое)

значит нет, скорее всего

ssr или не ssr?

а понял нет на клиенте

а понял нет на клиенте

для чего вам express?

для чего вам express?

ну тестовое такое express + vue

ну тестовое такое express + vue

вы данные будете брать с сервиса на express или что? :)

вы данные будете брать с сервиса на express или что? :)

как я понимаю просто вот как пхп был только на беке нода уже)

как я понимаю просто вот как пхп был только на беке нода уже)

ок, тогда пишите приложение на vue, компилируете его, отдаете получившийся index.html сервисом на express, не забываете подключить static папку со скомпилированными js/css файлами. мои способности предсказателя говорят, что вы хотите примерно этого :)

ок, тогда пишите приложение на vue, компилируете его, отдаете получившийся index.html сервисом на express, не забываете подключить static папку со скомпилированными js/css файлами. мои способности предсказателя говорят, что вы хотите примерно этого :)

ну это же и есть рендеринг на клиенте?

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

new Vue вызывается где нибудь?

new Vue вызывается где нибудь?

да конечно стандартно new Vue корневой элемент и в компонентах уже компоненты прописаны

new Vue вызывается где нибудь?

components: { 'test': Test },

да конечно стандартно new Vue корневой элемент и в компонентах уже компоненты прописаны

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

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

да смотрел, там все кроме компонентов, открывал скомпиленный файл там присутсвует мой компонент

да смотрел, там все кроме компонентов, открывал скомпиленный файл там присутсвует мой компонент

я за ошибки, посмотрите, в html файле подключены ли скрипты.

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

в компоненте я обычно пишу в консоль типа console.log('works) чтобы проверить что все ок. но тут пустота и главное ошибок никаких нет)

вообще хз куда смотреть

сам Vue помоему не вызывается

т.е. не инициализируется

вообще хз куда смотреть

в скомпилированную html страницу, должна быть загрузка скомпилированных js файлов

Сталкивался кто с такой проблемой? Есть Vuex. В компоненте computed с set и get. Пытаюсь редерить поля циклом, при этом v-model="'p' + index". Получаю ошибку, о том что нету переменной нет, хотя она точно есть в computed.

в скомпилированную html страницу, должна быть загрузка скомпилированных js файлов

ну в expresse pug и отображается html нормально, ну и к html само собой скомпиленный вебпаком js подключаю, в котором если поискать присутсвует мой компонент

Сталкивался кто с такой проблемой? Есть Vuex. В компоненте computed с set и get. Пытаюсь редерить поля циклом, при этом v-model="'p' + index". Получаю ошибку, о том что нету переменной нет, хотя она точно есть в computed.

Ты нарушаешь правила js

Ты нарушаешь правила js

Оке. А есть способ создать мне 20 одиннаковых инпутов с разными v-model? или руками нарисовать и не запариваться?

Models['p'+index]

Ну или просто в скобки попробуй обернуть то, что ты выше писал. Не уверен, что сработает, но посмотреть интересно.

Когда темплейт компилируется, то он типо весь в функцию обворачивается и ко всем переменным подставляется vm.

Так, что вполне возможно, что сработает v-model="['p' + index]"

Так, что вполне возможно, что сработает v-model="['p' + index]"

unexpected token

Ну я до конца не понимаю, но почему то он не видит computed до конца рендера, получается

А ты уверен, что твой компьютед работает

ну если я создам без цикла, с v-model="p1" то всё работает ок

Как комьютед выглядит?

p1Step: { get () { return this.$store.state.modbus.p1Step }, set (value) { this.$store.commit('SET_modbus_p1Step', value) } },

я писал p1 для сокращения

блин, такое ощущение, что все одни и те же вопросы задают, особенно про v-model

ну тут больше вопросов к vuex )

Заливай на пасту

Оке. А есть способ создать мне 20 одиннаковых инпутов с разными v-model? или руками нарисовать и не запариваться?

Убирай v model и пиши свой обработчик на @input. Так сможешь