真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jsPlumb怎么用-創(chuàng)新互聯(lián)

小編給大家分享一下jsPlumb怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司，專注做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站營銷推廣，國際域名空間，網(wǎng)絡(luò)空間，網(wǎng)站托管維護(hù)有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問題，請聯(lián)系創(chuàng)新互聯(lián)。

1.jsPlumb的作用：
用于繪制dom元素之間的連線的一個框架，需要一個開始點(diǎn)的id,以及結(jié)束點(diǎn)的id就可以進(jìn)行連線?？梢酝ㄟ^屬性設(shè)置連線端點(diǎn)的位置、連線的樣式、斷開連接等內(nèi)容
jsPlumb怎么用

2.安裝jsPlumb
（1）安裝jsPlumb的依賴：

npm i jsplumb

（2）在main.js中進(jìn)行掛載:

import jsPlumb from 'jsplumb'
Vue.prototype.$jsPlumb = jsPlumb.jsPlumb

3.vue項目中應(yīng)用（react同理）
（1）引用jsPlumb，設(shè)置父級容器
如果不需要改變連接狀態(tài)（斷開，實(shí)線變虛線，改變連接dom等），直接在連線方法前加上即可

var jsPlumbs = jsPlumb.getInstance(); （引入實(shí)例）
jsPlumbs.setContainer("#boxParent"); （設(shè)置父級容器）

如果需要經(jīng)常手動改變連接狀態(tài)建議寫在mounted當(dāng)中

this.$nextTick(() => {
  var jsPlumbs = jsPlumb.getInstance();
  jsPlumbs.setContainer("#boxParent");
  this.jsPlumbs = jsPlumbs;
});

注意：

1.如果不設(shè)置父級元素jsPlumb的連線會基于全局進(jìn)行定位，會導(dǎo)致連線位置出現(xiàn)偏差  
2.如果引用jsPlumb的方法直接寫在