vue里面filter报错

在Vue的开发中，filter是经常用到的一个功能，他能够对需要渲染的数据进行筛选和格式化，从而满足我们在前端开发中各种各样的需求，比如将时间戳转换成可读的时间、过滤重复的数据等等。

然而，随着我们在Vue中使用filter的次数越来越多，有时候会遇到一些奇怪的问题，比如当我们在filter方法中调用了某些外部函数或者组件时，就会出现报错的情况。

Uncaught TypeError: Cannot read property 'xxx' of undefined

这个错误看起来比较奇怪，仔细看一下错误提示，就会发现其中涉及到了一个'undefined'对象，这是什么意思呢？

其实，这个错误提示是在告诉我们，在调用filter方法时，参数中的数据出现了undefined的情况，从而导致了无法读取其中某个属性或方法的错误。

那么，这个undefined是从哪里来的呢？通常情况下，这个undefined就是由于我们传递给filter方法的数组或对象中出现了空值或不存在的属性，从而导致了整个过滤操作的失效。

为了解决这个问题，我们需要梳理一下我们的代码逻辑，以确保filter方法中所使用的参数是确切存在并且具有正确的属性和方法。

一个常见的解决方案是在filter方法中使用条件判断语句，以忽略那些空值或不存在属性的数据，从而保证整个过滤操作的有效性。

Vue.filter('filtername',function (data) {
  if (!data || !data.prop) {
    return '';
  }
  // do something...
})

另外，我们也需要时刻注意在使用filter方法时所掌握的数据类型和属性，保证数据的正确性和有效性，从而避免出现这种奇怪的错误。