[Vue warn]: Failed to resolve filter: xxxxxxx

vue 过滤器filters报错Failed to resolve filter原因及解决方法

1. 错误代码

  // 过滤器
  filter: {
    formatTime(time) {
      console.log(time)
      return `${time.getFullYear()}-${time.getMonth() + 1}-${time.getDate()}`
    }
  }

• 报错 [Vue warn]: Failed to resolve filter：过滤器

2. 正确代码

  filters: {
    formatTime(time) {
      console.log(time)
      return `${time.getFullYear()}-${time.getMonth() + 1}-${time.getDate()}`
    }
  }

• 发现啥错没？没错就是filters, 注意是有s的，没s它也不会报语法错误，只会再控制台输出 过滤器解析错误，所以这些小坑还是很容易踩到的。