Вольти
а вот интересно в чем смысл юзанья разных оберток для js пакетов типа vue-chartjs вместо chart.js
Sergey
в том же, в чём смысл паттерна адаптер
Вольти
удобство 0 с хвостиком … трудность портирования чужих сложных решений
ℝei
Вольти
а больше всего бесит в vue-chartjs это использование контейнера для канваса
Alex
Вольти
👍 этапять
Nikita
хм, ребята
Nikita
а есть способ получить эвенты с ховера, даже если кнопка заблочена?
Nikita
просто для css это не проблема, а вот js не делает никаких эвентов
Nikita
что вроде бы правильно, но очень круто для меня
Nikita
а, ясно, никак
Sergey
читай события от мыши на экране и сравнивай с оффсетом кнопки
Sergey
ну или оберни кнопку в div
Sergey
и читай события с него, соответственно
Nikita
не
Nikita
я просто буду эмулировать disabled
Nikita
если состояние disabled, то эмитить клик не будут, и буду накидывать нужные стили для эмулирования состояния
ℝei
Ребзь ктото делал модалки чтоб внутри тачскролл работал?) иль может есть готовые какие?
Pauline
ℝei
Pauline
ℝei
кидай код :D
открывай респонсив в консоле и тачем попробуй в модалке не скроллит
Алексей
Такой странный вопрос. А если я хочу использовать шаблонизатор (pug или ejs) например и vue. У меня есть фрейм Экспресс, я пишу что-то типа. App.get(/, f(request,res){res.render('login', data:data )}). Как мне теперь в шаблоне подключить vue компонент и не потерять data
Rafael 🌵
У тебя вью какой версии?
Aleksandr
Rafael 🌵
На самом деле там есть ещё 2 способа:
1) сделать ссылку на функцию до return
2) если vue 2.5 то data() на вход принимает vm как аргумент
Oleksandr
Alexey
Кто-нибудь юзал vue-breadcrumbs?
Alexey
Там в роута в meta задаётся текст, который в крошках будет отображаться.
https://github.com/samturrell/vue-breadcrumbs#vue-2x
Alexey
а мне надо, чтобы вместо статичного текста было название товара, которое, ясен пень, неизвестно в этот момент.
В компоненте делаю так:
mounted () {
this.$route.meta.breadcrumb = this.value.name
}
но тогда крошка меняется "с запозданием", то есть как будто не реактивные данные. Я ушел с этого товара, перешёл на следующий, а крошка с предыдущего.
Как бы так их менять правильно?
Rafael 🌵
Rafael 🌵
а еще точнее, это нужно делать в самом роутере
Rafael 🌵
в хуке
Anonymous
Всем привет :) а как можно из метода заполнить например список элементов ?
Alexey
в хуке
Спасибо, ушёл читать про хуки в роутере
Anonymous
Anonymous
я запутался немного просто , делаю так `
Vue.component('inputcomponent',{
data:function () {
return {
show:false,
endpoint:'https://jsonplaceholder.typicode.com/posts',
comment:'first',
post:{}
}
},
template:'#input-template',
props: ['commenta'],
computed:{
resource: function () {
return this.$resource('https://jsonplaceholder.typicode.com/posts{/id}')
}
},
methods:{
getAllPosts:function () {
this.$http.get(this.endpoint).then(function (response) {
new Vue({
el:"listapp",
data:{
bears:[
'grizli',
'white',
'niga',
]
}
})
console.log(response)
},function (error) {
})
},
savaPost: function () {
this.resource.save(this.post)
}
},
created:function () {
this.getAllPosts();
}
})
` шаблон <template id="input-template">
<form @submit.prevent="savaPost()">
<p v-if="!show"><label @mouseover="show=!show">чето умное</label></p>
<p v-else><textarea @mouseout="show=!show" :placeholder="commenta" v-model="comment">{{comment}}</textarea></p>
<input type="text" placeholder="заголовок" v-model="post.title">
<textarea placeholder="Текст" v-model="post.body"></textarea>
<button>Опубликовать</button>
</form>
<ul>
<li v-for="bear in bears">{{bear}}</li>
</ul>
</template>
Anonymous
там где должен был список медведей вывести выводит {{bear}}
Anton
Залей в песочницу, ну.
Anonymous
ок
Anonymous
https://pastebin.com/KW8t8Z3P
Anton
@dot99Ok, В консоль смотрел, ммм?
Anonymous
да там то выводится
Anonymous
мне нужно понять как это вывести в хтмл , это как то тупо делать в форме это и я понимаю что не правильно
Anton
Anton
И вообще, что ты пытаешься сделать вот здесь?
Anonymous
это уже отчаянье ) я уже думал что может как то внутри одного шаблона можно другой определеить
Anonymous
хоть и понятно что чушь полная
Rafael 🌵
Rafael 🌵
зачем?
Aleksey
Привет всем. Ребят, а как в nuxt можно сделать роут такого типа - 'user/id/date', где id и date динамические и могут вообще не указываться? Но при этом открывается один компонент User.vue.
Спасибо
Aleksey
Все, нашел решение) https://nuxtjs.org/api/configuration-router
Anton
Если я не ошибаюсь, так сделать нельзя, потому что nuxt преобразовывает файловую структуру в конфигурацию роутера. Поправьте меня если я не прав.
Можно попробовать сделать через параметры роута, но мне кажется, что в данной ситуации нужно использовать query-параметры.
Anton
Теоретически, компонент можно положить в директорию /user/id/date и nuxt может быть даже подцепит, но я не уверен в этом.
Aleksey
Rafael 🌵
Alex
Rafael 🌵
но более того, ты можешь более точно указать, вид параметров задав регулярку
Aleksey
Anton
Я уже пару-тройку месяцев не работал с nuxt, поэтому не помню, как точно это задаётся, сорян.
Alex
https://sweetalert.js.org/ или https://limonte.github.io/sweetalert2/ ?
Alex
кто-нибудь пользуется такими алертами? 😃
Rafael 🌵
Sweetalert офигенно выглядит
Rafael 🌵
Чем то похож на анимации в часах pebble
Alex
ну он вроде как забрасывался, хотя недавно разработчик снова начал делать версии... вторая версия это форк и там вроде постоянно что-то пилят
Alexey
Андрей
Flexo
Народ, вопрос такой. Я могу как то в директиву засунуть компонент? Директива - это прелоадер, она сейчас добавляет этот прелоадер к нужному мне компоненту. Я вот хочу чтобы она добавляла прелоадер от сторонних разработчиков (компонент) вместо моего
Flexo
Блин, так объяснил что сам с трудом понимаю
Michael
))))))
Flexo
Да у меня есть прелоадер как компонент, просто анимация. Я его втыкаю на страницах где нужно. Но вот подумал а чего бы его в директиву не обернуть
Flexo
Директиву то сделал, а вот как в неё компонент прелоадера засунуть...
Don Fakapski
Alex
2 версию используем
У первой репо вторую версию (которая сейчас) или у второй репо (которая форк) шестую версию)