Такая проблема v-data-table не обновляется при апдейте items. Переменная обновляется, но таблица отображает первоночальные значения. Код https://github.com/vuetifyjs/vuetify/issues/4741 Подскажите как такое дебажить и в чем может быть проблема

Подскажите как будет кошерно! Есть компонент (однофайловый) который работает с древовидными данными, есть несколько функций которые лежат внутри тэга script. Как правильно? Все таки писать в methods?

Подскажите как будет кошерно! Есть компонент (однофайловый) который работает с древовидными данными, есть несколько функций которые лежат внутри тэга script. Как правильно? Все таки писать в methods?

нихуя не понятно)

подскажите, как сделать так, чтобы после выбора в селекте элемента сразу переходить на страницу с этим элементом <option v-for="item in items" :key="item.id" :value="item.id"> <router-link :to="{ name: 'Item', params: { id: item.id } }"> {{item.name}} </router-link> </option> так не работает.

Следить за свойством, привязанным через v-model к селекту и программно переходить на новую страницу

"программно переходить на новую страницу" поясните ещё более понятно, пожалуйста

"программно переходить на новую страницу" поясните ещё более понятно, пожалуйста

https://router.vuejs.org/ru/guide/essentials/navigation.html

спасибо

Такой вопрос, если я в v-model или просто через интерполяцию передаю значение свойства которое возвращает метод или же computed, по логике если я открою страницу, а свойство все ещё не заполнилось данными с АПИ то метод ничего не вернёт и страница будет без данных, а computed при обновлении свойства - перерендерит страницу, то есть сначала будет пусто, а потом данные появятся. Так?

Всем привет

Как компонент MainRound сделать главной страницей

default: true?

куда

в routes?

const routes = [{ path: '/', component: MainRound, default: true }]

Не чего не выводится

default: true?

Вы где такое увидели

роутер еще нужно подключать в корневой экземпляр

По подробней

плз

https://router.vuejs.org/ru/guide/

Да

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

Ну а как определять по какому URL какой компонент показывать

А в template может что угодно?

Должен быть html, который у тебя будет меняться

А в template может что угодно?

это обычный объект с настройками компонента, template указывает шаблон этого компонента, как ему отображаться

Или сделать так template: какой нить компонент? так можно?

у вас объект уже компонент

Все равно остался осадок что все геморно и не красиво))

Это сейчас может показаться некрасиво. Зато ты не столкнёшься с ошибкой, которую не можешь отловить и убиваешь на неё пару дней. У меня такое было в начале знакомства с Vue. Коммитил вне мутаций, не делал JSON.parse/stringify. И реактивность потом надавала мне по башке так, что я сразу понял смысл функционального программирования и стал типа адептом. Вынеси parse/stringify в отдельную хелпер функцию, чтобы красивее было. У меня она например называется makeNonReactiveCopy. Ну а копирование конфига в компонент, изменение его и потом коммит этих изменений в стор - это самый правильный и безопасный подход, который убережет тебя и спасет массу времени. Если хочешь более изящное решение - сделай не v-model, а подели его на v-bind:value и onchange="store.commit(...) ". Только по опыту в этом случае потом сложнее баги отлавливать. Я бы всё же пользовался v-model и повесил watch. Так гораздо очевидней что происходит. Очевидность и понятность кода - в этом красота. Если кода больше, но он при этом сильно понятнее и легче читается - в этом красота.

Просто в другом проекте этого небыло вот и спрашиваю

Просто в другом проекте этого небыло вот и спрашиваю

Тогда про vue-router почитайте документацию, многое станет понятнее. И быстрее это будет чем пальцем в небо

Просто в другом проекте этого небыло вот и спрашиваю

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

и router-view есть

но нечего

Пробую запушить в роутер путь следущего вида: oneparam/twoparam, он мне постоянно append'ит первый param...Мне как-то нужно конфиг path-to-regexp изменить или есть лучше решение?

MainRound уже компонент, не надо его в template пихать

А как тогда?

component: MainRound в маршруте

А, блин, достаточно было в начале роута добавить еще один слэш

эм куда

в path //?

у вас маршрут описывается объектом { path: ‘путь по которому показывается’, component: ‘что показывать по этому пути’ }

Когда router-view делаешь в App.vue все работает

А когда в mainround не работает

Когда router-view делаешь в App.vue все работает

потому что App.vue это шаблон всех страниц, а компонент маршрута отображается вместо router-view

Значит в другое место он не сделается?

В другом компоненте

понятнее объясните

Почему тут https://codesandbox.io/s/1yzl34rlzq пропс success не работает здесь .progressbar(:style={ width: success + 'px'})? Ведь я передаю его извне, и даже консоль показывает число 100 (а это число является значением этого пропса).

https://codesandbox.io/s/jpqpmqm0k5

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

хм, да, и правда работает! Но это странновато, а почему тогда обычное число работает? а когда проставляю пропс, не работает

И ещё вопрос: как делать правильно рассчёты в атрибутах: ProgressBar(:success="{success / total * 100}",

Привет, подскажите можно ли использовать в миксине свойства и методы другой миксины, есть миксина пагинатора и в ней хотелось бы в catch вызывать метод миксины с обработкой ошибок

Привет, подскажите можно ли использовать в миксине свойства и методы другой миксины, есть миксина пагинатора и в ней хотелось бы в catch вызывать метод миксины с обработкой ошибок

Конечно я не в тему, но в react отказались от mixins, почему-то мне кажется это не очень практика. Или я не прав?

Конечно я не в тему, но в react отказались от mixins, почему-то мне кажется это не очень практика. Или я не прав?

А что лучше использовать? Когда надо какую-то функциональность вставить в компоненты

А что лучше использовать? Когда надо какую-то функциональность вставить в компоненты

ну я бы выносил это все в helpers ну или какой-то общий компонент как wrapper или HOC

ERROR: S client not available

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

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

Привет, подскажите можно ли использовать в миксине свойства и методы другой миксины, есть миксина пагинатора и в ней хотелось бы в catch вызывать метод миксины с обработкой ошибок

Кстати вот в доке сть Vue.extend - вроде можно один mixin от другого создавать

https://github.com/SSENSE/vue-carousel/blob/master/README.md

https://github.com/SSENSE/vue-carousel/blob/master/README.md

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

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

Как вижу импотртируеш его, потом вставляешь хтмл.

В табличке написаны свойства

Которые можно добавить в carusel

Я не пользовался, но по описанию должно быть все просто

Цвет меняется еще

чуваки, подскажите плз чё я не так делаю если я указываю в API_PATH=‘/‘, но на продакшене обращение к апи будет http://server:1000/rest (а нужно http://server:1000/api/rest) если я указываю в API_PATH=‘/api/, то получаю в продакшене http://server:1000/api/api/rest

чё за херня)

для запросов использую axios и прописываю baseUrl

baseURL указывается полным

то есть полный путь к серверу?

да

http://myserver.com/api/rest

то есть это нужно в VUE_APP_API_PATH указывать?

то есть это нужно в VUE_APP_API_PATH указывать?

а ты можешь указать где-то еще?

ну да, замотался уже просто)) сейчас попробую, спасибо)

работает ли в Vue 2 store.dispatch ?

работает ли в Vue 2 store.dispatch ?

this.$store.dispatch('someAction')

работает ли в Vue 2 store.dispatch ?

Это если к vue добавить vuex

И ещё вопрос: как делать правильно рассчёты в атрибутах: ProgressBar(:success="{success / total * 100}",

Почитать в доке про синтаксис шаблонов

я понял