@vuejs_ru - страница 668 - Telegram web archive

smile

изи юзай голый гугл мапс, он даже проще

smile

мне удобней без оберток юзать

smile

тем более, из нормальных он один и есть, и , по моему, еще для первого вью тоже норм есть

Viktor

Хао, а кто-нибудь знает, как заставить data table из vuetify показывать сразу expanded слоты? :)

компьюторизированное св-во или метод самовызывающийся пробовал, чтобы поставить флаг?

Viktor

короче, я использовал bootstap-vue, но вижу что принцип похож

makvell

computed пробовал, он вызывается, но результата я как-то не заметил :(

Viktor

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

makvell

А внутри таблицы лежит объект с флагами

makvell

Хммм... попробую, но кажется я уже так делал и у меня не получилось :)

Viktor

у вот такой способо прокатил, может и у тебя получится))

Viktor

я кстати долго мучался)

Nikita

Всем доброй ночи! Может кто сможет мне помочь, был бы очень благодарен. В компоненте возникает ошибка, точнее странное поведение. Написал два простых компонента, в первом получаю список card’s объектов, у каждого объекта есть countdown (взял готовый «vuejs-countdown») для примера такой кусок кода …. export default { components: { Countdown }, data: () => ({ items: [] }), created () { axios.get('/api/items’) .then(response => { this.items = response.data }) } } …. и уже позже отрисовываю в <v-card class="ma-3" v-for="item in items" :key="item.id»> … внутри есть компонент <Countdown :deadline="item.end_time"></Countdown> </v-card> где end_time == "2017-12-01T02:27:44+03:00" Вроде все нормально работает, в каждом card работает таймер. Но при реализации второго компонента, который является detail page тех объектов которые были в первом компоненте, т.е общая информация об объекте (title, description и т.п.). Так вот там тоже присутсвует <Countdown :deadline="item.end_time"></Countdown> и он просто не работает, хотя время end_time такого же формата, в {{item. end_time}} отображает нормально, а если передать в :deadline="item.end_time" , то время показывается как NaN NaN NaN NaN. <script> import Countdown from 'vuejs-countdown' import axios from 'axios' export default { components: { Countdown }, data: () => ({ item: {}, created () { axios.get('/api/items/‘ + this.$route.params.id) .then(response => { this.item = response.data }) } } </script> Может ли created hook воздействовать как-то на контекст?

Oleksandr

изи юзай голый гугл мапс, он даже проще

У меня много маркеров разных на карте, кастомных, и я ими управляю. Поэтому мне удобнее с вью

smile

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

Nikita

Всем доброй ночи! Может кто сможет мне помочь, был бы очень благодарен. В компоненте возникает ошибка, точнее странное поведение. Написал два простых компонента, в первом получаю список card’s объектов, у каждого объекта есть countdown (взял готовый «vuejs-countdown») для примера такой кусок кода …. export default { components: { Countdown }, data: () => ({ items: [] }), created () { axios.get('/api/items’) .then(response => { this.items = response.data }) } } …. и уже позже отрисовываю в <v-card class="ma-3" v-for="item in items" :key="item.id»> … внутри есть компонент <Countdown :deadline="item.end_time"></Countdown> </v-card> где end_time == "2017-12-01T02:27:44+03:00" Вроде все нормально работает, в каждом card работает таймер. Но при реализации второго компонента, который является detail page тех объектов которые были в первом компоненте, т.е общая информация об объекте (title, description и т.п.). Так вот там тоже присутсвует <Countdown :deadline="item.end_time"></Countdown> и он просто не работает, хотя время end_time такого же формата, в {{item. end_time}} отображает нормально, а если передать в :deadline="item.end_time" , то время показывается как NaN NaN NaN NaN. <script> import Countdown from 'vuejs-countdown' import axios from 'axios' export default { components: { Countdown }, data: () => ({ item: {}, created () { axios.get('/api/items/‘ + this.$route.params.id) .then(response => { this.item = response.data }) } } </script> Может ли created hook воздействовать как-то на контекст?

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

Nikita

console.log не убрал из компонента

Nikita

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

Nikita

скорей всего, у нгео что-то ломается в фильре twoDigits, который он глобально объявил, а не локально

Nikita

чувак, лучше удали это чудовище, это просто высший пилотаж говнокода

Kos

правильно, посоветуй ему еще где веревку купить

Kos

ору с подхода

Nikita

https://github.com/sagarkbhatt/vuejs-countdown-timer

Nikita

доволен? Орун

Nikita

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

Kos

да мне пофиг) я не пишу на вью

Anonymous

был тут один жкверщик, тоже говорил что не фронтендер

Ilya

да мне пофиг) я не пишу на вью

А можно тогда узнать зачем ты тут?

Nikita

чтоб орать

Kos

А можно тогда узнать зачем ты тут?

Затем же, зачем ты спросил

Anonymous

но на вью не пишет

Ilya

Слишком сложно

Kos

но на вью не пишет

эммм

Nikita

это же чужое сообщение, нет?

Nikita

от @web_junkie

Anonymous

вот это прикол

Kos

внимательность зашкаливает

Anonymous

нельзя одновременно прогать и разговаривать

pinelover

omg, chrome под ios - это оказывается просто сафари со шкурой хрома, пытался своё pwa затестить - нифига не работает

Vyacheslav

лол

Vyacheslav

сафари тоже на вебките?

pinelover

хром ты хотел сказать? ага..

pinelover

хром под ios точнее на webkit..что они там себе думают, своё pwa изобретают штоле

Nikita

omg, chrome под ios - это оказывается просто сафари со шкурой хрома, пытался своё pwa затестить - нифига не работает

по правилам apple нельзя юзать что-то левое кроме webkit

Nikita

мне говорили

Nikita

например в андроиде есть edge, но он под хромом

pinelover

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

Nikita

Due to constraints of the iOS platform, all browsers must be built on top of the WebKit rendering engine. For Chromium, this means supporting both WebKit as well as Blink, Chrome's rendering engine for other platforms. That created some extra complexities which we wanted to avoid placing in the Chromium code base.

Nikita

https://blog.chromium.org/2017/01/open-sourcing-chrome-on-ios.html

Nikita

omg, chrome под ios - это оказывается просто сафари со шкурой хрома, пытался своё pwa затестить - нифига не работает

и если быть точней, тут это роли не играет, pwa просто не поддерживает ios

pinelover

надо потихоньку учиться фигачить нативки на vue

Vyacheslav

хром ты хотел сказать? ага..

то, что хром на вебките это я знаю, у сафари какой движок?

Vyacheslav

по правилам apple нельзя юзать что-то левое кроме webkit