[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '****')"

在这里插入图片描述
在vue项目中,使用el-table时data使用slice对数组提取需要的字符串返回数组给data。当返回的是一个undefin时就会报这个错误,虽然不会影响程序的运行,但红色字体着实扎眼。
错误例子:

<el-table
            :data="
              tabelData.slice(
                (currentPage - 1) * pageSize,
                currentPage * pageSize
              )  
            "
          >

解决办法:
当数组没有数据时,该data计算返回的是一个undefined,会出现该错误。
这里应该有一个的兜底的东西,比如说,在这里计算出来的是一个空对象,那么就用一个空对象来兜底就不会报错,如果计算出来的是一个数组,就用数组兜底。

改正:

<el-table
            :data="
              tabelData.slice(
                (currentPage - 1) * pageSize,
                currentPage * pageSize
              )  || [{}]
            "
          >
Logo

前往低代码交流专区

更多推荐