Cannot read properties of null (reading 'parentNode') 附有源码 !!!-前端-E先生的博客
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,于是就会报这个错误。


本文来自E先生的博客,如若转载,请注明出处:https://javajz.cn

留言区

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

历史留言

欢迎加Easy的QQ