vue filters过滤器this指向问题的解决方案

在使用 vue filters过滤器的过程中发现直接用this. 获取需要遍历的数据会报undefined错误，打印this发现输出的是undefined,想到一下解决方案：1.全局声明一个变量2.在生命周期里将this赋值给 thatfilters过滤器中再次打印that 可以输出想要的结果了...

Cookie686

3608人浏览 · 2019-08-14 09:50:19

Cookie686 · 2019-08-14 09:50:19 发布

在使用 vue filters过滤器的过程中发现直接用this. 获取需要遍历的数据会报undefined错误，打印this发现输出的是undefined,
想到一下解决方案：
1.全局声明一个变量
在这里插入图片描述

2.在生命周期里将this赋值给 that
在这里插入图片描述
filters过滤器中再次打印that 可以输出想要的结果了

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}$/, //不连续的两位字母// /^