Я работала с knockout.js, а теперь у меня просят вью. Начала смотреть туториал. Они ОЧЕНь похожи, да?

Идеи общие.

Но реализация у вью куда лучше.

Я пытаюсь прикинуть, сколько надо будет времени, чтоыб вникнуть

помнится было какое-то css свойство, которое при растягивании тега img (или дива и бэкграундом-изображением) пиксилизировало изобдражение. или: как сделать так, чтобы изображение 6x6px при растяжении до 240x240 не смазывалось

https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

https://css-tricks.com/almanac/properties/i/image-rendering/

спасибо

Привет! Подскажите плиз по следующей ситуации: Как правильно во Vue сделать редирект? У нас есть страница c урлом /post/:id и мы запрашиваем пост по несуществующему id. Как внутри комопнента правильно сделать редирект в случае если post по такому id не найден?

Привет! Подскажите плиз по следующей ситуации: Как правильно во Vue сделать редирект? У нас есть страница c урлом /post/:id и мы запрашиваем пост по несуществующему id. Как внутри комопнента правильно сделать редирект в случае если post по такому id не найден?

router.push('https://router.vuejs.org/ru/')

коллеги, подскажите, у меня на форме 2 компонента, которые представляют из себя input обернутый в div никак не могу догнать, как мне в компонент отправить функцию focus? тем самым активизировать его из парента?

@c01nd01r это понятно, у меня просто в компоненте есть computed значение post, который запрашивает его от AПИ, и непонятно как разделить значение когда поста в принципе нет, а когда пост временно пустой из за того, что запрос к апи асинхронный и будет когда апи вернет ответ

@c01nd01r это понятно, у меня просто в компоненте есть computed значение post, который запрашивает его от AПИ, и непонятно как разделить значение когда поста в принципе нет, а когда пост временно пустой из за того, что запрос к апи асинхронный и будет когда апи вернет ответ

а точно надо чтоб в компьютед были асинхронные функции? я не утверждаю, я просто интересуюсь

а точно надо чтоб в компьютед были асинхронные функции? я не утверждаю, я просто интересуюсь

Нет

Приведите пример нужности асинхронных ко пьютед функций

Мне рили интересно

В компьютед делать запросы так-то та еще идея.. ненужная

В компьютед делать запросы так-то та еще идея.. ненужная

Не, ну идея так то прикольная, типо а давайте не будем сорить в data и все такое

Но чёт больше других преимуществ и не видно

Не, ну идея так то прикольная, типо а давайте не будем сорить в data и все такое

В чем проблема data ?

В чем проблема data ?

?‍♂️

код компонента <template> <div class='card-page'> <div v-if='card' class='card-page__content'> <div class='card-page__number'>Номер карточки: {{ card.id }}</div> <div class='card-page__title'>{{ card.title }}</div> <div class='card-page__description'>{{ card.description }}</div> <div class='card-page__text'>{{ card.text }}</div> <img :src='card.image_url' class='card-page__image' /> <router-link :to="{ name: 'home' }" class='card-page__link-back'>На главную</router-link> </div> <Jumper v-if='!card'></Jumper> </div> </template> <script> import { mapActions, mapGetters } from 'vuex' import { Jumper } from 'vue-loading-spinner' export default { components: { Jumper }, computed: { ...mapGetters([ 'cards' ]), card() { const cardId = parseInt(this.$route.params.id) return this.cards.find(c => c.id == cardId) } }, methods: { ...mapActions([ 'getCards' ]) }, created() { if (!this.cards.length) { this.getCards() } } } </script>

@Fl0pZz @zilberstein

Привет всем я новичок на vuejs, кто может объяснить store.dispatch('GetUserInfo').then(res => { const roles = res.data.roles // note: roles must be a array! such as: ['editor','develop'] store.dispatch('GenerateRoutes', { roles }).then(() => { router.addRoutes(store.getters.addRouters) next({ ...to, replace: true }) }) }) что здесь означает это store.dispatch('GenerateRoutes', { roles }). вызывает функцию GenerateRoutes и даёт параметр roles как биндинг

код компонента <template> <div class='card-page'> <div v-if='card' class='card-page__content'> <div class='card-page__number'>Номер карточки: {{ card.id }}</div> <div class='card-page__title'>{{ card.title }}</div> <div class='card-page__description'>{{ card.description }}</div> <div class='card-page__text'>{{ card.text }}</div> <img :src='card.image_url' class='card-page__image' /> <router-link :to="{ name: 'home' }" class='card-page__link-back'>На главную</router-link> </div> <Jumper v-if='!card'></Jumper> </div> </template> <script> import { mapActions, mapGetters } from 'vuex' import { Jumper } from 'vue-loading-spinner' export default { components: { Jumper }, computed: { ...mapGetters([ 'cards' ]), card() { const cardId = parseInt(this.$route.params.id) return this.cards.find(c => c.id == cardId) } }, methods: { ...mapActions([ 'getCards' ]) }, created() { if (!this.cards.length) { this.getCards() } } } </script>

это что?

@Fl0pZz это код компонента, для которого спраишивал как реализовать редирект если поста по входящему id'ку в принципе не существует

@Fl0pZz это код компонента, для которого спраишивал как реализовать редирект если поста по входящему id'ку в принципе не существует

а, так мне зачем это? я не учавствовал в том разговоре

@Fl0pZz тогда сорян

Пытаюсь реализовать post запрос к php файлу, но появились ошибки. Как можно их исправить?

Контекст теряется может

Дебаггер поставь внутрь

Глянь

какой контекст? там испорт вью ресурса идет

импортнуть - импортнул, а дальше что?

какой контекст? там испорт вью ресурса идет

А что это меняет ?

Ладно . Я хз что за вью ресурс ))

vue-resource - аналог axios

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

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

Почему нет?)

Почему нет?)

Ну он почти мертвый, и, возможно, не изоморфный

Его выкинули из официального репозитория vue

Хз, кто его сейчас поддерживает

Его выкинули из официального репозитория vue

Читал хотя бы по какой причине?)

https://medium.com/devschacht/используем-axios-вместе-с-vue-js-3bc45464c460

Читал хотя бы по какой причине?)

Статья на медиуме естт

Начиная с версии 2.0 разработчики vue.js посчитали наличие встроенного http модуля избыточным, и теперь считается хорошим тоном использовать сторонние решения.

Retiring vue-resource – The Vue Point – Medium https://medium.com/the-vue-point/retiring-vue-resource-871a82880af4

Всем привет. Только начал работать с vue. Наткнулся на такую проблему. Связка vue + typescript из официального cli. Использую элемент <component>. Мне нужно менять по событию текущий компонент. Но почему-то не срабатывает, если сменить значение по setTimeout. В чем причина? То есть в я указываю, что нужно поменять название текущего компонента через 10 сек.

Начиная с версии 2.0 разработчики vue.js посчитали наличие встроенного http модуля избыточным, и теперь считается хорошим тоном использовать сторонние решения.

Именно.

Код простой <template> <div class="ui-block"> <component v-bind:is="currentStateComponent"></component> <button @click="change"></button> </div> </template> <script lang="ts"> import { Component, Prop, Vue } from 'vue-property-decorator'; import PaymentStateCreate from './PaymentStateCreate.vue'; import PaymentStateNew from './PaymentStateNew.vue'; @Component({ components: { 'state-create': PaymentStateCreate, 'state-new': PaymentStateNew, } }) export default class PaymentWrapper extends Vue { private currentState = 'create'; constructor() { super(); setTimeout(() => { this.currentState = 'new'; console.log('new'); }, 10000); } get currentStateComponent() { return 'state-' + this.currentState; } change() { this.currentState = 'new'; } } </script>

Причем, если вызвать изменение текущего компонента через click, то все работает. А смысл в том, что мне нужно отобразить нужный компонент по результатам запроса на сервер.

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

помоему каждому компоненту нужна указать :key

Господа, помогите пожалуйста, в роутере прописываю чилда к динамичскому маршруту и пытаюсь вызвать его так this.$router.push({ name: 'UserName', params: { username: socket.authToken.name }, children: [{ name: 'userSettings' }] }) чувствую что это делается иначе, но как не вкурю

Привет всем я новичок на vuejs, кто может объяснить store.dispatch('GetUserInfo').then(res => { const roles = res.data.roles // note: roles must be a array! such as: ['editor','develop'] store.dispatch('GenerateRoutes', { roles }).then(() => { router.addRoutes(store.getters.addRouters) next({ ...to, replace: true }) }) }) что здесь означает это store.dispatch('GenerateRoutes', { roles }). вызывает функцию GenerateRoutes и даёт параметр roles как биндинг

кто то может помогать

Привет всем я новичок на vuejs, кто может объяснить store.dispatch('GetUserInfo').then(res => { const roles = res.data.roles // note: roles must be a array! such as: ['editor','develop'] store.dispatch('GenerateRoutes', { roles }).then(() => { router.addRoutes(store.getters.addRouters) next({ ...to, replace: true }) }) }) что здесь означает это store.dispatch('GenerateRoutes', { roles }). вызывает функцию GenerateRoutes и даёт параметр roles как биндинг

Вызывается экшен в сторе и в него передается roles https://vuex.vuejs.org/ru/actions.html

экшен делает чего-то и скорее всего вызывает мутацию, или другой экшен

ERROR: S client not available

спасиба ??

Господа помогите с роутером пожалуйста

спасиба ??

смотри store там он какраз и будет

У кого-нить https://vuejs.org/ открывается без VPN ?

а что с vuejs.org? chrom не открывает. ff открывает

а что с vuejs.org? chrom не открывает. ff открывает

https://ru.vuejs.org/ читайте пока русскую если там сломали что-то

скажите, а в css можно задать чтобы ширина была равна 100% от высоты родителя ?

Почему меня никто не предупредил чо за тема мутная с плагинами в nuxt

Сам себе плагин написал не могу заюзать вот клещ

Хых

https://ru.vuejs.org/ читайте пока русскую если там сломали что-то

?

либо я тупой. но магия вью боком встает с TS

С помощью vue-resource пытаюсь отправить данные из формы в data.json. Но появляется ошибка, что этот data.json не найден. Но это не так. Он должен быть доступен. В чём может быть проблема?

Путь, вроде, верно прописал

а есть тут кто в вёрстке шарит, или это в css чат идти надо?

Путь, вроде, верно прописал

Проблему решил

Не могу понять как работает v-model.trim по моему он вообще не работает

Не могу понять как работает v-model.trim по моему он вообще не работает

может из-за lazy

Я не ставил lazy, только trim

Может, из-за отсутствия lazy?

У ноды типа оф подержка андроида завелась. Прикольно.

У ноды типа оф подержка андроида завелась. Прикольно.

в термуксе полгода назад точно уже было

в термуксе полгода назад точно уже было

я полтора года гоняю в нё , не меньше

а теперь бед него типа как-то можно