首页 > 其他分享 > TypeError: Cannot read properties of undefined (reading 'filter')

TypeError: Cannot read properties of undefined (reading 'filter')

时间:2023-04-27 17:35:06浏览次数:36  
标签:computed TypeError undefined read filter data store users

TypeError: Cannot read properties of undefined (reading 'filter')

  const filterTableData = computed(() =>
      store.data.users!.filter(
        (data) =>
          !search.value ||
          data.nick.toLowerCase().includes(search.value.toLowerCase())
      )
    );at.vue:848 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'filter')

这个错误可能是因为store.data.usersundefined,无法对其调用filter()方法。你可以在使用computed之前检查store.data.users是否为undefined,或者在computed表达式中使用可选链操作符(?.)来防止这种情况发生。例如:

const filterTableData = computed(() =>
  store.data.users?.filter(
    (data) =>
      !search.value ||
      data.nick.toLowerCase().includes(search.value.toLowerCase())
  ) || []
);

这里使用了可选链操作符和一个空数组作为默认值,如果store.data.usersundefined,则返回空数组。

标签:computed,TypeError,undefined,read,filter,data,store,users
From: https://www.cnblogs.com/xxdmua/p/17359557.html

相关文章

  • R2M-read2memory
    R2M缓存是读缓存到内存中的一种方式,全称是ReadToMemory。它的基本思想是:1.只缓存频繁读取的热数据到内存中,冷数据不缓存。2.内存中缓存的数据是只读的,不支持修改操作。3.当内存中的缓存数据失效或被淘汰时,需要从数据库重新读取数据到缓存。R2M缓存的主要优点是:1.......
  • golang -WARNING: undefined behavior - version of Delve is too old for Go version
    1.背景启动警告 这是idea内置的dlv.exe调试器版本太低了2.解决安装最新的goinstallgithub.com/go-delve/delve/cmd/dlv@latest安装成功后,在golang的安装位置多出来个新的dlv.exe  idea打开配置 写上自己的地址即可下面是我的 重启idea生效......
  • vue3 uniapp Uncaught (in promise) TypeError: Cannot read properties of null (rea
    引发这个问题是在三级页面中使用uni.navigateBack({delta:2})返回到一级页面再重一级页面进入二级页面二级页面中引用的组件引发的emitsOptions报错//原因:我在二级页面中的组件使用ts的emit写法引发的报错constemit=defineEmits<{(e:'confirm',contents:string):......
  • 快速掌握并发编程---深入学习ThreadLocal
    生活中的ThreadLocal考试题只有一套,老师把考试题打印出多份,发给每位考生,然后考生各自写各自的试卷。考生之间不能相互交头接耳(会当做作弊)。各自写出来的答案不会影响他人的分数。注意:考试题、考生、试卷。用代码来实现:publicclassThreadLocalDemo{//线程共享变量localVar......
  • pands 的 read_html方法
    1importrequests2importpandasaspd34url='https://www.accessdata.fda.gov/scripts/cdrh/cfdocs/cfpma/pmamemos.cfm'5param={6"start_search":1,7"device":"",8"sort":&qu......
  • ThreadLocal
    ThreadLocal详解ThreadLocalMap.set()通过hash计算后的槽位对应的Entry数据为空,直接将数据放到槽位即可。并对当前位置进行启发式清理。槽位数据不为空,key值与当前ThreadLocal通过hash计算获取的key值一致,则直接更新该槽位的数据若当前槽位数据过期,则执行replaceStaleEn......
  • 目录操作函数(mkdir rmdir rename chdir getcwd opendir closedir readdir dup dup2)
      /*创建文件#include<sys/stat.h>#include<sys/types.h>intmkdir(constchar*pathname,mode_tmode);参数:mode:权限移除文件#include<unistd.h>intrmdir(constc......
  • OpenWrt 系统日志之logread
    OpenWrt系统日志之logread在busybox中实现了syslogd和logread.syslogd用来记录log,logged则用来读取log. logread的代码很简洁,主要实现过程是:连接共享内存->信号量加锁->读取共享内存中的信息并输出->信号量解锁。  【转】(147条消息)OpenWrt系统日志之logread_钱国......
  • 【c&c++】C++ 关于编译出现“undefined reference to `std::cout‘“的问题
    1、问题概述        在使用gcc编译c++代码时会出现undefinedreferenceto`std::cout',如编译如下代码:#include<iostream>usingnamespacestd;intmain(){cout<<"Helloworld!";return0;}然而,gcc下编译出现的问题是: 2、解决方法使用g++编译,g++......
  • TypeError: _vm.searchList.slice is not a function
     调用slice()的时候报错这个是因为属性只有集合里面有应该是你定义成对象了把a.slice()这个a改成数组a:[]如果a是对象a:{}就会报这个错......