Vue中filters过滤器无效的原因

Vue中filters过滤器无效的原因filters过滤器在模板创建就执行所以如果数据还没有获取到就会导致过滤器过滤的是空的数据所以可以使用v-if 在数据获取到后在渲染模板

泥鸽鸽

6549人浏览 · 2021-08-03 10:12:29

泥鸽鸽 · 2021-08-03 10:12:29 发布

Vue中filters过滤器无效的原因

如果你的过滤器内部需要用到循环请不要使用map函数代替for循环或者是foreach循环如图：

在这里插入图片描述
因为过滤器本身需要一个return 把结果返回出去然而map函数本身也有一个return 返回一个映射数组所以等于在这个过滤函数中缺少了过滤器的return 自然就不生效遇到这种情况的时候还是要使用for循环进行操作
在这里插入图片描述

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