当前位置: 首页 > Web前端 > vue.js

记录下[Vue+elementUI]报错及解决方法

时间:2023-03-31 18:05:15 vue.js

Invalidprop:customvalidatorcheckfailedforprop"percentage"当出现这个Invalidprop错误时,应该查看elementUI文档,查看prop的取值范围,例如:取值范围百分比范围在0-100之间。我在计算百分比的时候,数据更新的时候,分母没有立即更新,导致计算出的数据中的值大于100。Cannotreadpropertiesofundefined(reading'0')代码背景:一个大页面嵌套了几个组件(func-arrow-table就是其中之一)func-arrow-table的主题是一个el-table,左列根据propcompareFunctions计算,表头根据sessionList渲染,表数据为tableData。该表中的compareFunctions可以根据用户需要动态添加或删除,也就是说compareFunctions和tableData需要设置为sync。但是实际添加数据的时候,控制台还是会报错。跟导师研究了一下,原因是el-table需要渲染的数据还没有赋值,会有序列,所以传tableData或者compareFunctions的时候,另一个值还没有准备好,所以访问错误。解决方法如下,把el-table绘图需要的数据全部变成一个结构体,传过去。