美文网首页
自定义过滤器的封装

自定义过滤器的封装

作者: beizi | 来源:发表于2021-04-12 21:49 被阅读0次
  1. 封装自定义过滤器
// 封装过滤器:只需要封装主体函数并暴露
export const dateFormat = function (data, spe = '-') {
    data = new Date(data);
    // console.log(data);
    // return "结果";s
    let year = data.getFullYear();
    let month = data.getMonth() + 1;
    let day = data.getDay();
    return `${year}${spe}${month}${spe}${day}`;
}
  1. 引入过滤器
// 引入全局过滤器
import {dateFormat} from '../utils/myfilters.js'
  1. 添加+注册过滤器
  // 添加过滤器 + 注册过滤器
  filters: {
    dateFormat,
  },
  1. 使用过滤器
<td>{{value.time | dateFormat('-')}}</td>

相关文章

网友评论

      本文标题:自定义过滤器的封装

      本文链接:https://www.haomeiwen.com/subject/lbhflltx.html