vue中过滤器filters的this指向问题。

今天在完成一个时间戳转化时想试试vue的过滤器filters，代码如下：execute_time(time) {if (time === 0) return '/'else return this.getTime(time)}我发现报了个"TypeError: Cannot read property ‘getTime’ of undefined"，我第...

木屿大大

26273人浏览 · 2019-09-10 11:11:00

木屿大大 · 2019-09-10 11:11:00 发布

今天在完成一个时间戳转化时想试试vue的过滤器filters，代码如下：

execute_time(time) {
      if (time === 0) return '/'
      else return this.getTime(time)
    }

我发现报了个"TypeError: Cannot read property ‘getTime’ of undefined"，我第一时间就打印了this，果然是undefined。在查阅了尤大大的对这个过滤器filters的说明我才发现：vue中的过滤器更偏向于对文本数据的转化，而不能依赖this上下文，如果需要使用到上下文this我们应该使用computed计算属性的或者一个method方法。
在这里插入图片描述
这里查看有关 this undefined in filters 的 issue

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^