а вообще это в каждой первой книжке для чайников есть

v-html например

а можно еще знаешь как

$('.my-vue-ccomponentinstance').each(function() {this.html(window.mySVG)})

export default function({svg, viewBox, width, height}) { return { props: ['className'], render: function(c) { return c( 'svg', { attrs: { class: 'icon ' + this.className, // ... }, domProps: { innerHTML: svg } } ) } } }

а можно еще знаешь как

$('.my-vue-ccomponentinstance').each(function() {this.html(window.mySVG)})

?????? самосмейка

export default function({svg, viewBox, width, height}) { return { props: ['className'], render: function(c) { return c( 'svg', { attrs: { class: 'icon ' + this.className, // ... }, domProps: { innerHTML: svg } } ) } } }

Интересно, как себя vdom поведет

=)

Вот лучше через v-html, да.

дык v-html вроде ровно это и делает

Вот лучше через v-html, да.

ТЫ НИЧЕГО НЕ ПОНИМАЕШЬ В ЖКВЕРИ МЮ ПЛАГИН

вю*

дык v-html вроде ровно это и делает

Надо смотреть исходники :) Думаю, он делает чуть чуть больше

С оглядкой на vdom

по идее внутри domProps.innerHTML нет ничего реактивного, соответственно обновляться оно не должно, но действительно исходники почитаю ночью

Надо смотреть исходники :) Думаю, он делает чуть чуть больше

экранирует, проверяет на инъекции же.

классика

по идее внутри domProps.innerHTML нет ничего реактивного, соответственно обновляться оно не должно, но действительно исходники почитаю ночью

лучше вюшную виртаулдом имплементацию. и читать доклад на HolyJS

по идее внутри domProps.innerHTML нет ничего реактивного, соответственно обновляться оно не должно, но действительно исходники почитаю ночью

если бы и было, то это стоило бы обернуть в конструктор функции, как это сделал автор вю-свг проекта.

иначе там нет ссылок на данные. нет ссылок -- гг бб

Всем привет. Народ помогите решить баг с сортировкой. Есть массив объектов заказов. В у заказа есть свойство date. Необходимо получить массив уникальных дней отсортированных начиная с раннего дня. Вот реализация которую мне подсказали здесь: getDays () { return this.orders.map(function (item) { return item.date }).filter(function (value, index, self) { return self.indexOf(value) === index }).sort(function (a, b) { let dateA = moment(a, 'DD.MM.YYYY') let dateB = moment(b, 'DD.MM.YYYY') console.log(a + ' > ' + b + ' - ' + dateB.isBefore(dateA)) return dateB.isBefore(dateA) }) }, Баг вылезает на выбрках больше одного месяца, произвольные даты подставляются в начало. В чем может быть проблема?

ну короче шаблон <template><span v-html="html"></span></template> рендерится вот в такое return (t._self._c || e)("span", { domProps: { innerHTML: t._s(t.html) } }) где t._s - это функция toString вот отсюда https://github.com/vuejs/vue/blob/350f5788d39741d690d49aea91c084f2db764992/src/shared/util.js#L73 - она ничего полезного не делает )

так что в этом смысле моя рендер-функция ничем не хуже v-html ?

Всем привет. Народ помогите решить баг с сортировкой. Есть массив объектов заказов. В у заказа есть свойство date. Необходимо получить массив уникальных дней отсортированных начиная с раннего дня. Вот реализация которую мне подсказали здесь: getDays () { return this.orders.map(function (item) { return item.date }).filter(function (value, index, self) { return self.indexOf(value) === index }).sort(function (a, b) { let dateA = moment(a, 'DD.MM.YYYY') let dateB = moment(b, 'DD.MM.YYYY') console.log(a + ' > ' + b + ' - ' + dateB.isBefore(dateA)) return dateB.isBefore(dateA) }) }, Баг вылезает на выбрках больше одного месяца, произвольные даты подставляются в начало. В чем может быть проблема?

Вообще-то sort ожидает -1, 0, или 1, а isBefore возвращает true/false

так что должно быть что-то типа: if isBefore return -1 if isEqual return 0 if isAfter return 1

Вообще-то sort ожидает -1, 0, или 1, а isBefore возвращает true/false

Спасибо тебе добрый человек, походу помогло

Вообще-то sort ожидает -1, 0, или 1, а isBefore возвращает true/false

Надо было его к преподу послать))))))

Я пропустил вчера, что там по weex? Кто-то пишет? И как ощущения?

В идеале - с RN можете сравнить?

На худой конец в общий жс чат

Я пропустил вчера, что там по weex? Кто-то пишет? И как ощущения?

похоже, он не отписался как оно(( мб не успел

В идеале - с RN можете сравнить?

если у меня хватит энтузиазма, то я статейку накатаю по этому поводу как-нибудь в канун нового года как нащупаюсь сам, еси чё

если у меня хватит энтузиазма, то я статейку накатаю по этому поводу как-нибудь в канун нового года как нащупаюсь сам, еси чё

Медиум?

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

Или канал есть?

Медиум?

хз. насчёт площадки не думал. нужен хайп.

Ребят, вопрос) Есть инпуты, и около них подключены переключатели, которые активируют/деактивируют возможность редактировать данные в них. Так вот, при потере фокуса стоит событие окончания редактирования, это же событие висит и на иконке(ниже на скрине она в виде карандаша, но когда редактирование включено - она в виде галочки, тогглер своего рода). Поэтому когда мы нажимаем на галочку, типа окончить редактирование, срабатывает событие @blur, меняется переменная и тут же срабатывает кнопка, которая от переменной тоже меняется, и у нас опять редактирование) Как вариант - задать таймаут на выключения редактирования, что бы кнопка не успела сработать, но не уверен что хорошее решение. Есть более оптимальное?

Щас покажу код

на первый взгляд нужен дебаунс

на первый взгляд нужен дебаунс

да, это первое что пришло в голову

http://prntscr.com/h5cetq

http://prntscr.com/h5cetq

а откуда скрин?

я щёлкнул)

это с репы вю

ну смари

когда юзер убирает курсор с инпута

ы же не знаем его интеншнс

соответственно, не можем залочить блар

ну кроме онзовера)

ховера*

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

Надо было его к преподу послать))))))

Можно было и к преподу. А есть чат чисто по js? Поделитесь ссылкой.

Можно было и к преподу. А есть чат чисто по js? Поделитесь ссылкой.

для новичков. Понтия не имею) из русскоязычных я только тут. Можно поисктаь на javasacript.ru

очепятка в ссылке

@js_ru

Спс, пригодится.

Парни, а кто нибудь делал приложуху из шаблона pwa? У меня что то на телефоне не предлагает установить, хотя манифест прописан

ERROR: S client not available

делал, но не тестил

блин, кто-нб знает как сделать так, что бы в мозиле работали css свойства у свг?

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

Парни, а кто нибудь делал приложуху из шаблона pwa? У меня что то на телефоне не предлагает установить, хотя манифест прописан

кстати, почему не weex?

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

Думаю, сет-таймаут на окончание редактирования поставить и все, должно помочь

кстати, почему не weex?

Так я все равно фронт для веб сервиса делаю. С pwa вообще никаких изменений не надо делать. Я вью не ковырял больше полугода, но насколько я помню weex был очень забагован и без нормальной доки. Уже что-то поменялось?

Так я все равно фронт для веб сервиса делаю. С pwa вообще никаких изменений не надо делать. Я вью не ковырял больше полугода, но насколько я помню weex был очень забагован и без нормальной доки. Уже что-то поменялось?

Ну т.е я не изначально апликуху под мобайл делаю.

Так я все равно фронт для веб сервиса делаю. С pwa вообще никаких изменений не надо делать. Я вью не ковырял больше полугода, но насколько я помню weex был очень забагован и без нормальной доки. Уже что-то поменялось?

да хер его знает - не проверял и не писал на нем еще

кстати, а weex юзает веб вью под собой?

или как реакт нейтив создает нативные компоненты?

или поясните, мне если я что-то путаю

Посоны, как мультелевел меню сделать? Меня интересуют активные элементы

Не выпадашка, а аккордеон

Посоны, как мультелевел меню сделать? Меня интересуют активные элементы

Смотрел реализации tree view на vuejs?

Пэца, как еммитить ctrl+v?

sek

Смотрел реализации tree view на vuejs?

Это не совсем то

нееее, эмулировать нажатие, не слушать

Создание и вызов событий - Руководство Web-разработчика | MDN https://developer.mozilla.org/ru/docs/Web/Guide/Events/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B8_%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9

На странице есть табы от вьютифая, переключаюсь по ним. При клике на один из них хочу кликнуть на элемент, который находится внутри таба. triggerClick() { console.log(this.$refs.input_file); // undefined this.$nextTick(() => { console.log(this.$refs.input_file); // undefined }); setTimeout(()=> { console.log(this.$refs.input_file); // нашло элемент }, 1000) }, Мб что-то делаю не так?

this.$nextTick(() => { console.log(this.$refs.input_file); this.$nextTick(() => { console.log(this.$refs.input_file); }); }); так отрабатывает))) как это адекватно записать?

На хук компонента я бы повесил.

this.$nextTick(() => { console.log(this.$refs.input_file); this.$nextTick(() => { console.log(this.$refs.input_file); }); }); так отрабатывает))) как это адекватно записать?

Ты издеваешься? Никто без кода компонентов тебе не ответит

На хук компонента я бы повесил.

спасиб, буду смотреть как

Не, я конечно, кажется, знаю ответ, как это сделать, но не скажу )))

На странице есть табы от вьютифая, переключаюсь по ним. При клике на один из них хочу кликнуть на элемент, который находится внутри таба. triggerClick() { console.log(this.$refs.input_file); // undefined this.$nextTick(() => { console.log(this.$refs.input_file); // undefined }); setTimeout(()=> { console.log(this.$refs.input_file); // нашло элемент }, 1000) }, Мб что-то делаю не так?

а в чем заключается необходимость клика?

а в чем заключается необходимость клика?

просто так попросили для удобства %)

ну всмысле что за элемент по которому надо кликать?

а то вдруг ты хочешь фокус на какой-нибудь input поставить, таким извращенным способом =)

<v-btn>, который лежит в тугле это вьютифай под ним лежит несколько вариантов разметки и в одной из них еще один баттон с рефом, на который нужно кликнуть как-то так

варианты разметки скрыты через в-иф, валью которого зависит от тугла