How to use filters filter in Vue

This article mainly introduces the relevant knowledge of "how to use filters filter in Vue". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to use filters filter in Vue" can help you solve the problem.

1. Sample code

Use the vue single file component to format the date using the moment plug-in

{{date | dateFormat}} import moment from 'moment'; import' moment/locale/zh-cn'; moment.locale ('zh-cn'); export default {data () {return {date: new Date ()}}, filters: {dateFormat (val) {return moment (val). Calendar ();}

2. Effect

3. Description

There is no this reference within the filter, and the this within the filter is undefined, so do not try to use variables or methods that refer to component instances with this within the filter.

Ps: let's take a look at the basic usage of Vue filters

/ / register Vue.filter ('my-filter', function (value) {/ / return the processed value}) / / getter, and return the registered filter var myFilter = Vue.filter (' my-filter') / / use {{msg | uppercase}} in mustache

Or

/ / using in the tag about "how to use filters filters in Vue" ends here. Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.