Привет, подскажите плз, вот к примеру нужно мне вывести даду {{

Question

Привет, подскажите плз, вот к примеру нужно мне вывести даду {{

item.created_at }}
но так же хочется чтобы она вывелась в нужном мне формате, в ангуларе писалось как-то так
{{ item.created_at | asDate }}
как на vue 3 правильнее сделать тоже самое? только через какие-то кастомные директивы и вкладывая в лишний тэг?

#frontend #javascript #programming #russian #vue.js

0

29.08.2021

21 ответов

23 просмотра

Nurbol Jalmukhambetov

https://ru.vuejs.org/v2/guide/filters.html

0

29.08.2021

Nurbol Jalmukhambetov

https://v3.vuejs.org/guide/migration/filters.html#_3-x-update

0

29.08.2021

Artyom Tuchkov

фильтры - это обычные функции для форматирования чего-либо, во вью 3 вместо них нужно просто написать обычную функцию-хелпер и заюзать ее в computed вместе с той переменной, которую нужно отформатировать

0

29.08.2021

Evgeniy Michkaryov Автор вопроса

Artyom Tuchkov
фильтры - это обычные функции для форматирования ч...

а если нужны какие-то глобальные (общие), то прописывать их в самом верхнем темплейте?

0

29.08.2021

Artyom Tuchkov

Evgeniy Michkaryov
а если нужны какие-то глобальные (общие), то пропи...

не очень понял, что ты хочешь в верхнем темплейте прописать ты просто создаешь js-файлик в какой-нибудь условной папочке utils, пишешь там обычную функцию, которая принимает значение и как-то его форматирует, а затем импортируешь этот файлик в любом компоненте, вот тебе и глобальные фильтры локальные фильтры - это просто функция в рамках компонента

0

29.08.2021

Evgeniy Michkaryov Автор вопроса

Artyom Tuchkov
не очень понял, что ты хочешь в верхнем темплейте ...

понял, спасибо

0

29.08.2021

Nurbol Jalmukhambetov

Nurbol Jalmukhambetov
https://v3.vuejs.org/guide/migration/filters.html#...

@michkaryov кстати тут в этой ссылке описано как в vue3 можно такое сделать

0

29.08.2021

Evgeniy Michkaryov Автор вопроса

Nurbol Jalmukhambetov
@michkaryov кстати тут в этой ссылке описано как в...

Артём насколько я понимаю немного по другому предлагает

0

29.08.2021

Artyom Tuchkov

Nurbol Jalmukhambetov
@michkaryov кстати тут в этой ссылке описано как в...

лучше не юзать globalProperties, несмотря на то, что это предлагается в доке если хочется прокинуть в любой компонент, то лучше взять provide/inject

0

29.08.2021

Nurbol Jalmukhambetov

Artyom Tuchkov
лучше не юзать globalProperties, несмотря на то, ч...

ооо, кстати не знал об этом ) давно на vue не писал )

0

29.08.2021

Юрий Дмитриев

Artyom Tuchkov
лучше не юзать globalProperties, несмотря на то, ч...

Посему лучше не юзать?

0

29.08.2021

Artyom Tuchkov

Юрий Дмитриев
Посему лучше не юзать?

потому что это аналог Vue.prototype.xxx, который является хаком и оставлен в тройке просто для того, чтобы любители запихивать все подряд в прототип могли продолжать это делать в каком-то из ишью на гитхабе Эван сам писал, что это хак и юзать его не стоит

0

29.08.2021

Nurbol Jalmukhambetov

Artyom Tuchkov
потому что это аналог Vue.prototype.xxx, который я...

а я то думал юзать прототипы, ибо иметь доступ везде )

0

29.08.2021

Evgeniy Michkaryov Автор вопроса

Artyom Tuchkov
не очень понял, что ты хочешь в верхнем темплейте ...

чет я всё-таки не понял, как правильно сделать вот создал я utils/helpers.js написал для теста простую функцию export function round(value) { return Math.round(value); } далее в js части компонента импортирую import {round} from "@/utils/helpers"; но как мне собственно использовать эту функцию в самом шаблоне?

0

29.08.2021

Nurbol Jalmukhambetov

Evgeniy Michkaryov
чет я всё-таки не понял, как правильно сделать вот...

если в шаблоне, то нужно в methods добавить и получишь данный метод в template

0

29.08.2021

Artyom Tuchkov

Evgeniy Michkaryov
чет я всё-таки не понял, как правильно сделать вот...

просто прокинь ее через methods и она будет доступна в шаблоне а еще лучше сразу заюзай в коде и отдавай в шаблон уже отформатированное значение

0

29.08.2021