Vue.js报错—TypeError:Cannot read property key of undefined

报这个错误的原因,一般就两种情况

  1. html页面渲染的时候。双{{value.key}}插值或者v-text="value.key"中找不到这个key,报undefined

  2. 还有就是v-for循环的时候 绑定的:key="tag,name" 这个name未定义,

    希望可以解决你的问题。。如果帮助到你了,记得点赞关注啊

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用中的错误信息显示了调用`$table.toggleRowExpansion`函数时出现了错误。具体的错误信息是`Cannot read property 'forEach' of undefined`,这意味着在调用`$table.toggleRowExpansion`函数时,传递的参数是未定义的。根据引用中的代码可以看出,`$table.toggleRowExpansion`函数被调用了多次,并且根据条件判断是否展开或关闭某一行。然而,在引用的代码中,没有找到对`$table`变量的定义。所以,可能的原因是在代码中没有正确定义`$table`变量,导致调用`$table.toggleRowExpansion`函数时出现了错误。 解决这个问题的方法是,在`el-table`标签中添加绑定属性`expand-row-keys="expandRowKeys"`和`:row-key="getRowKey"`。这样,可以使用`expandRowKeys`属性的数据来控制行的展开与关闭,而不再依赖`$table.toggleRowExpansion`函数。这样就可以避免出现引用中的错误了。 引用中提到了另一个问题,即在使用Element UI的表单验证时,重置功能会报错。根据引用中的描述,问题是因为在`resetForm`函数的调用中,没有给`ruleForm`加上引号导致的。所以,在下次使用组件时,建议使用cv大法(复制粘贴)来避免手动输入错误。 综上所述,`vue.runtime.esm.js:1888 TypeError: Cannot read properties of undefined (reading 'length')`的错误可能是由于对`$table`变量的定义问题导致的,解决方法是使用`expandRowKeys`属性来控制行的展开与关闭。同时,建议在使用组件时使用cv大法来避免手动输入错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值