Vue filters获取data中的数据

filters中获取data中的数据

光影练习生

2900人浏览 · 2022-07-04 15:42:43

光影练习生 · 2022-07-04 15:42:43 发布

场景：通过filters中的方法去修改data中的数据时出现报错。

补充：filters中的this指的并非vue的实例，在vue的filters中使用this引用data中的数据是无法获取的。

那么问题来了：如何在filtres中使用data中的方法？

方法一：可以申明全局变量，改变this方法。

1.在对应的组件中申明全局变量
在这里插入图片描述
2.在beforeCreated申明周期中修改this的指向，并在filters中使用。就可以获取data中申明变量

方法二：可以直接给filter传递参数。

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