Ошибка при импорте метода?

Question

[WebDev]

<h1>{{ trans('page') }}</h1>

...

<script>
import {trans} from '@/functions'
...
</script>

Получаю ошибку Property or method "trans" is not defined on the instance but referenced during render
Как мне использовать импортированный метод прямо в разметке?

Answer 1

[0xD34F]

Ясно же написано - метод не определён. Добавьте его в methods компонента:

methods: {
  trans
}

Comments

[WebDev]

<script>
import {trans} from '@/functions'
...
methods: {
    trans: function(value) {
        return trans(value);
    }
}
</script>

Так что ли?

[0xD34F]

WebDev, ну или так. Правда, непонятно, зачем оборачивать его в ещё одну функцию.

[WebDev]

0xD34F, А как мне использовать функцию в нескольких компонентах? Я вынес ее в файл, а теперь, получается еще нужно оборачивать в каждом компоненте.

[0xD34F]

WebDev, да не нужно ничего оборачивать - повторяю, достаточно просто добавить в methods. А вообще, подобные вещи оформляются в виде миксинов.