Cannot read properties of null (reading 'parentNode') 附有源码 !!!-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

Cannot read properties of null (reading 'parentNode') 附有源码 !!!

[导读]:问题点 :从配置文件中读取流程图的json并且存入this.items变量中通过v-for指令,调用this.item,渲染一系列组件作为流程图的节点。在this.paintFlowchart方法中进行端口Endpoint和连线Connector的添加。解决问题:添加一句this.$nextTick(),即可...

问题点 :

    从配置文件中读取流程图的json并且存入this.items变量中

    通过v-for指令,调用this.item,渲染一系列组件作为流程图的节点。

    在this.paintFlowchart方法中进行端口Endpoint和连线Connector的添加。

image.png

解决问题:

image.png

添加一句this.$nextTick(),即可解决问题。

这里的nextTick的作用是,this.items已经被更新,可是DOM还没有发生更新。

jsplumb是通过访问dom来添加节点上的端口和连线的。如果不用nextTick,当调用绘制函数的时候,流程图的节点还没有被渲染上去。由此,如果直接调用this.paintFlowcharth渲染端口Endpoints时,就找不到节点parentNode,于是就会报这个错误。


本文来自阿习进阶博客,如若转载,请注明出处:https://www.yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ