在vue項目中使用canvas-nest.js，報parameter 1 is not of type 'Element'

canvas-nest.js是一款輕量的網頁特效，如圖：

 

github地址：https://github.com/hustcc/canvas-nest.js

在普通的html項目中，只要將<script src="dist/canvas-nest.js"></script>插入到body標簽最下邊即可。

在vue項目中，使用時配置

import CanvasNest from 'canvas-nest.js';

const config = { // 配置
    color: '255, 0, 0', // 線條顏色
    pointColor: '255, 155, 0', // 節點顏色
    opacity: 1, // 線條透明度
    count: 222, // 線條數量
    zIndex: 99 // 畫面層級
};

// Using config rendering effect at 'element'.
// element為html的dom對象，如id為body的dom為：document.getElementById('body')；
const cn = new CanvasNest(element, config);

// destroy
cn.destroy();

但是在vue項目中，引入canvas-nest.js后，直接在created中 new CanvasNest(element, config);的話，可能會報下圖的錯誤，不顯示效果

原因是dom沒有渲染完畢，就開始使用element。

解決辦法：在created中

this.$nextTick(()=> {
    const cn = new CanvasNest(element, config);
})

這樣寫一個延時操作就可以了，當然也可以使用setTimeout。

總結，遇到parameter 1 is not of type 'Element' 這樣類型的報錯，需要檢查dom是否渲染完畢。