什么是过滤器?
顾名思义,过滤器就是就对数据进行筛选、过滤、格式化,比如时间格式化、英文大小写转换、状态转换等等。它与methods、computed 或者 watch不同是,它不能改变原始值。
过滤器分类:
1、组件内过滤器
组件内过滤器就是通过filters属性,该属性是一个对象,在该对象中可以定义多个过滤器。它的特点是只能作用于本组件内。
2、全局过滤器
全局过滤器是通过在main.js文件创建一个 Vue.filter('过滤器的名称',该过滤器的具体实现函数) 。它的特点是作用于全部组件。
注意事项:
1、当全局过滤器和组件内过滤器重名的时候,那么最终将会以组件内过滤器为基准。
2、当出现子父组件时,父组件和全局中分别定义了相同名称的过滤器,这是子组件引用过滤器时,将会使用全局的过滤器
怎么使用过滤器?
1、组件内过滤器
<template>
<div>
<el-input placeholder="请输入时间戳"
v-model="date"
clearable></el-input>
<div >