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

今天在完成一个时间戳转化时想试试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中过滤器filters的this指向问题。相关推荐

Vue中过滤器的使用
vue中的过滤器分为两种:局部过滤器和全局过滤器 1.定义无参全局过滤器 Vue.filter('msgFormat', function(msg) { // msg 为固定的参数即是你需要过滤的数 ...
vue中过滤器比较两个数组取相同值
在vue中需要比较两个数组取相同值一个大数组一个小数组,小数组是大数组的一部分取相同ID的不同name值有两种写法,两个for循环和map写法 const toName = (ids, arr) ...
Vue中过滤器和自定义指令详解
目录 1,局部过滤器 1.1定义: 1.2案例 2,全局过滤器 2.1定义: 2.2案例 3.自定义指令 3.1定义: 3.2案例 3.3自定义指令全局写法 1,局部过滤器 1.1定义: Vue.js ...
Vue中过滤器用法详解
一.什么是过滤器 Vue.js官方文档说明:可被用于一些常见的文本格式化. 个人理解就是把一些不需要的东西过滤掉,只是对数据进行加工处理然后返回处理后的数据,和计算属性很相似. 二.如何使用过滤器过 ...
Angualr设置自定义管道Pipe（类似Vue的过滤器filters）货币格式化（实现内置管道CurrencyPipe的功能）
新建管道: ng g pipe pipes/money或ng g p pipes/money pipes/money.pipe.ts,同时在父级module.ts加入 im ...
VUE中的模板语法以及过滤器和双向数据绑定
目录: 1. 模板语法 1.1 插值 1.1.1 文本 1.1.2 html 1.1.3 属性 1.1.4 表达式 1.2 指令 1.2.1 核心指令 1.2.1.1 v-if |v-else-if| ...
vue 中格式化时间过滤器格式化时间
vue 中格式化时间过滤器格式化时间 data.js 格式化方法使用 * // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s) ...
Vue中，methods中调用filters里的过滤器
需求:vue中,除了在模板中使用过滤器,有时候,methods中也需要使用filters中的过滤器, 网友hongz1125提出的解决办法: this.$options.filters[filter] ...
Vue中filters过滤器无效的原因
Vue中filters过滤器无效的原因如果你的过滤器内部需要用到循环请不要使用map函数代替for循环或者是foreach循环如图: 因为过滤器本身需要一个return 把结果返回出去然而ma ...

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

vue中过滤器filters的this指向问题。相关推荐

最新文章

热门文章