Yushkevich
Ну фильтр или метод - мне кажется не столько принципиально? Я думал, может есть что то готовое
Yushkevich
Например тысячные чтобы разделять
Yushkevich
А не регуляркой писать
Denis
Фи
Yushkevich
На php есть number_format
Yushkevich
Вот ничего такого нет?
Denis
mask: ['+', '7', ' ', '(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, '-', /\d/, /\d/],
Yushkevich
Маска - это на инпут?
Denis
Ога
Yushkevich
Мне просто текстом вывести.
Yushkevich
Я видел библиотеку
Yushkevich
Только что ноут закрыл. Там много хорошего. Но она как компонент на инпут вешается
Yushkevich
Немного не то. У меня что-то типа корзины. И надо сумму итого вывести красиво. А в инпутах только количество
Yushkevich
Мне показалось писать регулярно под это дело велосипедным
Yushkevich
Регулярки*
Vlad
Ребята, а как лучше фильтр по валюте сделать? Типа {{ price | currency }} А дальше из 26734 чтобы получалось 26 734 руб :)
function splitDigits (val) { let res = (val || 0).toString(); res = res.split('.'); res[0] = res[0].toString().split('').reverse().map(function(c, i) { if ( !i || i % 3) return c; return c + ' '; }).reverse().join(''); return res.join('.'); }
Denis
Krasavchenko ))
Denis
Yushkevich
Спасибо :)
Yushkevich
Да не, понятно что регулярку написать могу. Показалось, что слишком велосипед и есть что-то "из коробки" для форматирования чисел. Тем более раньше было
Yushkevich
А vue совсем немного смотрю. Поэтому решил уточнить. Спасибо ещё раз
Denis
date-fns вроде мог
Denis
Знаю что антипаттерн ))) Number.prototype.splitDigits = function (separator) { let value = (this || 0).toString().split('.'); value[0] = value[0].toString().split('') .reverse() .map((c, i) => (!i || i % 3) ? c : c + (separator || ' ');) .reverse() .join(''); return value.join('.'); }
Anonymous
https://codepen.io/denis_efremov/pen/MvGdxK
А почему первый клик не работает? Не догоняю
Denis
А почему первый клик не работает? Не догоняю
this.state = this.opened Работает - ты не видишь просто
Denis
В методе опен и клозед поменяй
Anonymous
Ну поменяю и что? Теперь оно сразу закрытое грузится. При чем тут первый клик
Denis
Ты там меняешь?
Anonymous
В этом решении юзеру нужно 2 раза кликать чтоб анимашка сработала. Почему ещё раз?
Anonymous
В маунтед, а где надо
Denis
В методе
Denis
В методе опен и клозед поменяй
Denis
Не в хуке
Denis
Маунтед - это хук
Anonymous
Ну если в методе то вообще не будет работаь
Denis
А почему?
Denis
Строки махни там
Denis
Прост
Denis
Все будет
Denis
Или там проверку надо обратную
Denis
Я хз
Anonymous
А их надо оба менять, так бы и написал)
Anonymous
Работает. Надо свг учить, тема
Anonymous
Оба стейта
Denis
Ну там же иф
Denis
Срабатывает один
Denis
Или или
Anonymous
Блин, ну в двух местах в смысле
Denis
Местами поменять. Это как ты думаешь?
Denis
Оба?
Denis
))))
Anonymous
Да я сплю уже в душе
Denis
Не захлебнись )))
Denis
Denis
А можно инстансы Vue именовать?
Denis
Есть кто из умных то?
Denis
А можно thead tbody и tfoot через слоты пробросить?
Denis
Это в шаблоне?
ℝei
да это в компоненте где слоты
Denis
А если это инстанс?
ℝei
https://vuejs.org/v2/guide/components.html#Named-Slots
Denis
У меня открыто ))
ℝei
хз, а компонент не сделать?)
ℝei
не особо понял на самом деле
Denis
ℝei
а как ты без слотов туда будешь сувать данные?
Denis
Denis
ℝei
моя непонимать кода 😆
Denis
<table> <thead slot="thead"> ... </thead> <tbody slot="tbody"> ... </tbody> <tfoot slot="tfoot"> ... </tfoot> </table>
Anonymous
Парни, а есть что-то типо этого http://nosir.github.io/cleave.js/
ℝei
а тут кст let ненадо. let должен использоватся когда значение менятся должно
ℝei
Парни, а есть что-то типо этого http://nosir.github.io/cleave.js/
норм тема, яб хотел похожее чтоб number only было, а то навелосипедил хуйни какойто)
Anonymous
Хотя бы для даты форматирование и тп?