使用el-progress报错 ,element ui 进度条报警告
<el-progress
:text-inside="true"
:stroke-width="20"
:percentage="percentageNum"
status="exception"
:format="format"
></el-progress>
data(){
return:{
percentageNum:100;
}
}
element-ui 里面的el-progress进度条组件使用出现如下警告
原因:当进度条的值(percentageNum)是通过后端返回在进行计算得到的,这时dom已经渲染完成,而作为必传项
percentageNum 的值不能为空,所以才出现以下警告
解决方案:
- 既然已经知道了问题所在,我们可以先把这个组件隐藏起来,当我们从后端拿到数据之后在把这个进度条显示出来就好了
<el-progress