169 похожих чатов

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

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

21 ответов

20 просмотров

если не ошибаюсь это называются фильтры в vue

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Evgeniy-Michkaryov Автор вопроса
Artyom Tuchkov
не очень понял, что ты хочешь в верхнем темплейте ...

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

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

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

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

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

Evgeniy-Michkaryov Автор вопроса
Artyom Tuchkov
просто прокинь ее через methods и она будет доступ...

у меня таблица статы там, там слишком много надо где её вызвать, геморно будет отдельно все эти значение прописывать, хочу прям в шаблоне

Похожие вопросы

Обсуждают сегодня

Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
> Копаем глубже > Следующий момент был, когда я спросил его, знает ли он JavaScript. Он ответил, что его учили работать с C#. Я тоже в университете писал на C#, но даже там мн...
Oleg Volkov
4
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
И никого не интересует какие пакеты кто использует. ((% Заходишь на сайт симфони и видишь поддержку Украины - по законам РФ это ж экстремизм. Только никто не отказывается от с...
Am Ambrion
11
Чтобы перехватить все нажимания буков на форме, надо хук ставить? Пробовал на форме ОнКейДаун, оно ловит клаву если фокус не на компоненте с вводом текста
Serjone
15
Но, может, есть уже проверенная? Наши требования такие: 1. Сообщения должны приходить из Инста в CRM оду 2. Должна быть возможность подключить несколько экаунтов Инстаграм. Р...
Alexander Sharoiko MSE / Александр Шаройко
7
Народ! Впервые клиенту пришло письмо от РКН, у вас, дескать, есть яндекс метрика, а нигде не написано, что вы ее юзаете. Никто не сталкивался?
Sasha Beep
14
Всем привет! вывожу на общей стр дочерние ресурсыв каждом ресурсе галерея, и первая фотка должна выводиться на общей [!DocLister? &prepare=photo !]
Alekso
12
Добрый вечер. Хочу чтобы у меня в классе поле было функцией, которая возвращает строку. Делаю так: interface ... TGetOutPath = function : String of object; ... protec...
Kirill Filippenok
12
Карта сайта