[Vuejs]-Using Moment.js as a plugin inside main.js

by

2👍

✅

Looks like you can not access this like in the vue components for filter methods.

By Evan You

This is intentional in 2.x. Filters should be pure functions and should not be dependent on this context. If you need this you should use a computed property or just a method e.g. $translate(foo)

I guess the best way is importing the moment on main.js like this:

import moment from 'moment'

Vue.filter('formatDate', value => {
  return moment(value, 'YYYY-MM-DD').format('DD/MM/YYYY')
})
👤Vinicius Santin

1👍

Vue.filter() creates a global filter before the Vue instance is created, a global filter does not have access to the Vue instance therefore you can not access this.$moment. If you need to access the vue instance, you’ll need to register a local filter on components.

However, you could rectify this by directly referencing the module:

import moment from 'moment';

Vue.filter('formatDate', value => {
  moment(value, 'YYYY-MM-DD').format('DD/MM/YYYY')
});
👤MJ_Wales

Leave a comment