Шо за хуйня

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

хз чо эт

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

И как это вообще в канал по Vue?

лан

Кто знает, а в vue-route можно менять роут, без перерисовки страницы? скажем был /user стал /user/11 и при этом что бы не происходила перезагрузка старницы?

Можно , этож хисториапи

Или тебе именно через роутер дёрнуть надо?

Мне нужно что бы в адресной страке изменилось занчение. Что бы пользователь мог это URL скопировать себе и потом сделать с ним что-то.

Мне нужно что бы в адресной страке изменилось занчение. Что бы пользователь мог это URL скопировать себе и потом сделать с ним что-то.

ты задал три разных вопроса

только что

Стоит задача, на странице есть список из двух элементов, нужно без перерисовки старницы сделать что бы при клике на нем в адресной страце стало вместо /user -> /user/1. Надеюст теперь понятно объяснил.

Мне нужно что бы в адресной страке изменилось занчение. Что бы пользователь мог это URL скопировать себе и потом сделать с ним что-то.

history.pushState({ok:'ok'},null,'/url')

Нет.

Нет.

по идее в любом случае будет переход на другую страницу, можно, как вариант, настроить редирект со страниц /user/:id на /user обратно, если это позволяет задача

history.pushState({ok:'ok'},null,'/url')

При этом я так понимаю, родной вьюшный роутер, мне при таком перелючении вообще не нужно трогать. Он будет использоваться только для первоначальной загрузки роутов?

При этом я так понимаю, родной вьюшный роутер, мне при таком перелючении вообще не нужно трогать. Он будет использоваться только для первоначальной загрузки роутов?

ты про всякие вотчи и бефорапдейты

Я про this.$router.push()

И да про бифорапдейт тоже. и бифор ентер.

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

у нее свои ивенты

а погодите

шо за хуйня

конечно пересекается

хистори ж не работает с хешами

а с nuxt по хорошему

на вью

Все разобрался. Стандартный роутер хорошо справляется. Если компонент тот же самый, но роуты отличаются он не перерисовывает страницу.

Хотя нет, стандартный в хистори моде не меняет почему-то url в адресной строке. А вот history.pushState прекрасно работает.

Не могу понять почему this.$router.push не делает ровно точно того же самого.

не понятно че ты хошь

@vjkosmos https://router.vuejs.org/ru/essentials/dynamic-matching.html#%D0%BE%D1%82%D1%81%D0%BB%D0%B5%D0%B6%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B9-%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D0%BE%D0%B2

<template> <v-container fluid fill-height> <v-layout align-center justify-center> <v-flex xs12 sm8 md6> <v-card class="elevation-12"> <v-toolbar dark color="primary"> <v-toolbar-title>Registration form</v-toolbar-title> </v-toolbar> <v-card-text> <v-form ref="form" v-model="valid" validation> <v-text-field prepend-icon="person" name="E-mail" label="E-mail" v-model="email" type="text" :rules="emailRules" required > </v-text-field> <v-text-field id="password" prepend-icon="lock" name="password" v-model="password" label="Password" :counter="6" type="password" :rules="passwordRules" > </v-text-field> <v-text-field id="confirmPassword" prepend-icon="lock" name="confirmPassword" v-model="confirmPassword" label="Confirm password" :counter="6" type="password" :rules="confirmPasswordRules" > </v-text-field> </v-form> </v-card-text> <v-card-actions> <v-spacer> </v-spacer> <v-btn color="primary" @click="onSubmit" :disabled="!valid" > Create account </v-btn> </v-card-actions> </v-card> </v-flex> </v-layout> </v-container> </template> <script> export default { data: () => ({ valid: false, email: '', password: '', confirmPassword: '', emailRules: [ v => !!v || 'E-mail is required', v => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'E-mail must be valid' // valid mail ], passwordRules: [ v => !!v || 'Password is required', // password is required v => (v && v.length >= 6) || 'Password must be less than 6 characters' // Test length password ], confirmPasswordRules: [ v => !!v || 'Confirm password is required', // Confirm password is required v => v === this.password || this.email + 'Password should match' // Test length password ] }), methods: { onSubmit () { // Logic if (this.$refs.form.validate()) { const user = { password: this.password, confirmPassword: this.confirmPassword, email: this.email } console.log(user) } } } } </script> <style scoped> </style>

Ребят помогите пожалуйста

Тупо в правилах не видет this

не используй стрелочную

Тупо в правилах не видет this

https://developer.mozilla.org/ru-RU/docs/Web/JavaScript/Reference/Functions/Arrow_functions

То есть , this надо присвоить переменной?

То есть , this надо присвоить переменной?

нет, надо понять что такое стрелочные функции)

Спасибо помогли ))

Народ, пилю компонент "popover", добавляю эвенты на элемент в директиве. В итоге получаю что-то такое. <Button v-popover="{ content: `<Tabs> <Tab path='t-1'>TAB-BODY-1</Tab> <Tab path='t-2'>TAB-BODY-2</Tab> </Tabs>` }">Button </Button> Где мне навести в popover компоненте обработчик на root event? created не вызывается (ну это вроде логично), куда писать примерно этот код? created() { const $root = this.$root $root.$on("popover::show", data => { console.log("component.popover::show", data) this.isActive = false })

собственно, где писать (в каком хуке компонента) вот это $root.$on("popover::show", dat

Народ, пилю компонент "popover", добавляю эвенты на элемент в директиве. В итоге получаю что-то такое. <Button v-popover="{ content: `<Tabs> <Tab path='t-1'>TAB-BODY-1</Tab> <Tab path='t-2'>TAB-BODY-2</Tab> </Tabs>` }">Button </Button> Где мне навести в popover компоненте обработчик на root event? created не вызывается (ну это вроде логично), куда писать примерно этот код? created() { const $root = this.$root $root.$on("popover::show", data => { console.log("component.popover::show", data) this.isActive = false })

mounted?

mounted?

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

Народ, пилю компонент "popover", добавляю эвенты на элемент в директиве. В итоге получаю что-то такое. <Button v-popover="{ content: `<Tabs> <Tab path='t-1'>TAB-BODY-1</Tab> <Tab path='t-2'>TAB-BODY-2</Tab> </Tabs>` }">Button </Button> Где мне навести в popover компоненте обработчик на root event? created не вызывается (ну это вроде логично), куда писать примерно этот код? created() { const $root = this.$root $root.$on("popover::show", data => { console.log("component.popover::show", data) this.isActive = false })

Как-то немного извращенно выглядит. Пихать шаблон в свойство директивы О_о

Как-то немного извращенно выглядит. Пихать шаблон в свойство директивы О_о

https://bootstrap-vue.js.org/docs/directives/popover#heading-and-content я хочу как тут, только, popover может быть сложный и строки маловато будет

https://bootstrap-vue.js.org/docs/directives/popover#heading-and-content я хочу как тут, только, popover может быть сложный и строки маловато будет

Посмотри на том же vue-awesome другие поповеры. Мне кажется, что это через слоты можно решить.

Если тебе нужны сложные поповеры

Погромисты, кто-нибудь знает сервис, где можно FeatureCollection загрузить (карты) и получить количество вхождений в город/область меток? Типа в московской области 50 геообъектов

Добрый вечер! Кто может подсказать как поступить в данной ситуации? <k-app> <k-offcanvas-content> <another-component-1> <another-component-2> ... >------------------- </another-component-2> | How to render </another-component-1> | component inside </k-offcanvas-content> | other one which <k-offcanvas-bar> | isn't in tree? ... <----------------------- </k-offcanvas-bar> </k-app>

Добрый вечер! Кто может подсказать как поступить в данной ситуации? <k-app> <k-offcanvas-content> <another-component-1> <another-component-2> ... >------------------- </another-component-2> | How to render </another-component-1> | component inside </k-offcanvas-content> | other one which <k-offcanvas-bar> | isn't in tree? ... <----------------------- </k-offcanvas-bar> </k-app>

https://github.com/LinusBorg/portal-vue

Всем привет. Посоветуйте карусельку для vue пожалуйста

https://github.com/LinusBorg/portal-vue

Спасибо, смотрю.

ребят забыл чуток как нажать на кнопку через js

ребят забыл чуток как нажать на кнопку через js

MouseEvent(‘click’) вроде бы

MouseEvent(‘click’) вроде бы

Спасибо

@c01nd01r

@c01nd01r

?

Какие есть хорошие библиотеки на Vue которые хорошо написаны согласно концепциям

ERROR: S client not available

Какие есть хорошие библиотеки на Vue которые хорошо написаны согласно концепциям

Библиотеки чего? Ui?

Библиотеки чего? Ui?

не так конкретно. просто любой хороший opensource код.

не так конкретно. просто любой хороший opensource код.

awesome-vue?

awesome-vue?

Вполне вариант. Но не знаю какой там именно клевый по коду.

Вполне вариант. Но не знаю какой там именно клевый по коду.

что насчёт самого vue?

что насчёт самого vue?

Но он же не на vue)

Лыжи не едут, или я дурак? Nuxt. Сделал плагин, чтобы в нем объявить методы prototype. Типа такого: import Vue from 'vue'; Vue.prototype.$method1 = function() { ... this.$store.commit('nameMethod1'); } Vue.prototype.$method2 = function() { ... this.$store.commit('nameMethod2'); } Так вот. При вызове $method2 он знает стор и отрабатывает как надо. а во втором случае он говорит типа я не знаю стор. В чем может быть трабл?

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

Лыжи не едут, или я дурак? Nuxt. Сделал плагин, чтобы в нем объявить методы prototype. Типа такого: import Vue from 'vue'; Vue.prototype.$method1 = function() { ... this.$store.commit('nameMethod1'); } Vue.prototype.$method2 = function() { ... this.$store.commit('nameMethod2'); } Так вот. При вызове $method2 он знает стор и отрабатывает как надо. а во втором случае он говорит типа я не знаю стор. В чем может быть трабл?

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

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

Никак. Юзай евенты

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

Метод в котором не знает стор, описывается в самом конце. И во всех методах которые выше, он его знает

Метод в котором не знает стор, описывается в самом конце. И во всех методах которые выше, он его знает

на потерю контекста проверял?

Нет. Даже не в курсе этого Что именно нужно проверить

тут надо смотреть твой код. как ты этот метов вызываешь телепатией тут никто не владеет, скидывай код. будем смотреть проблема там не в самих методах

Нет. Даже не в курсе этого Что именно нужно проверить

Вызов происходит раньше, чем опеределение методов. console.log вставь на определение методов и на их вызов и увидишь порядок

ну и вызываю собственно вот так: $activateWindow(index)

activateWindow и closeWindow работают а майн не хочет=\

у тебя нет стора, когда срабатывает ssr

но 2 метода из 3 работают, которые не отличаются на данном шаге

Добрый день, на серваке настроен pm2, проект на nuxt, на серваке делаем npm run build и pm2 restart project, вроде рестарт делает, папка nuxt создается заново, но сайт все еще отдает предыдушие версию, может кто сталкивался? как решить

Всем привет. Гуглил, но не смог найти. Есть подобные https://github.com/nozzle/react-static аналоги для vue?

Всем привет. Гуглил, но не смог найти. Есть подобные https://github.com/nozzle/react-static аналоги для vue?

Nuxt, vue-press

Nuxt - это изоморфик, а vue-press - без markdown можно обойтись и писать обычными компонентами на vue?

Nuxt, vue-press

уважаемый, а когда-что лучше использовать, как вы считаете?

Народ, ни у кого на Vue SPA при работе на проде майнер не появлялся? Не знаю, в какую сторону копать. На локале запускаю сборку все хорошо, а на проде появляется майнер(((

?

То ли это сервак завирусованный, то ли какое-то говно из node_modules тащится в одной из либ. (((