vue过滤器filters使用方式之一（在双花括号中使用）

vue过滤器filters使用方式之一（在双花括号中使用）

过滤器的意思大概就是，经过过滤器过滤之后出来另一样你想要东西，过滤器就是一个过滤的工具。例如，从[‘abc’,‘abd’,‘ade’]数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；或者下面例子把时间戳改为自己设置的具体格式的时间。
过滤器可在new Vue实例前注册全局的，也可以在组件上写局部，以下例子用在局部。

下面展示一些 内联代码片。

 <el-table-column label="Author" width="110" align="center">
    <template slot-scope="scope">
      {
    
    {
    
     scope.row.regDatetime | formaTime }}
    </template>
  </el-table-column>

在一个组件的选项中定义本地的过滤器

filters:{
    
    
    formaTime(time){
    
    
    	let date = new Date(time)
        return formaTime (date,"YYYY-MM-DD HH:mm:ss")
    }
}
// formaTime是自定义处理时间的公共方法
// scope.row.regDatetime 作为formaTime方法的参数传入 后端返回的regDatetime是时间戳

经过过滤器就会把时间戳变成YYYY-MM-DD HH:mm:ss格式的标准时间

推荐一个写的比较全面的链接：https://blog.csdn.net/weixin_44299027/article/details/108640181
vue官网链接：
https://cn.vuejs.org/v2/guide/filters.html