2.5.0 • Published 1 year ago
dwgview v2.5.0
1.下载
npm install dwgview
2.在vue中使用
<template>
<div id="app">
<dwg-view
:svg="svg"
:hotInfo="hotInfo"
@selectNode="handleSelectNode"
/>
</div>
</template>
<script>
import DwgView from "dwgview";
import "dwgview/dwgview.css";
export default {
name: "App",
components: {
DwgView,
},
data() {
return {vue
svg: "",
hotInfo: {}
}
},
methods: {
handleSelectNode(info) {
...点击左侧树的详细参数
}
}
}
</script>
<style>
#app {
width: 100%;
height: 100%;
}
</style>
3.参数
参数 | 说明 | 类型 | 默认值 | 举例 |
---|---|---|---|---|
showTree | 是否显示左侧目录树 | boolean | true | |
boxSize | 组件高度和宽度 | string | width:100%; height: 100% | width:100%; height: 700px; |
svg | svg图数据 | string | "" | |
hotInfo | 热点树数据 | object | {} |
4.方法
方法 | 说明 | 回调参数 |
---|---|---|
selectNode | 选择左侧热点树 | function(info) |
2.3.0
1 year ago
2.2.1
1 year ago
2.2.0
1 year ago
2.5.0
1 year ago
2.4.1
1 year ago
2.4.0
1 year ago
2.3.1
1 year ago
2.2.2
1 year ago
2.1.0
1 year ago
2.0.1
1 year ago
1.13.1
2 years ago
1.14.0
2 years ago
1.13.0
2 years ago
1.12.0
2 years ago
1.11.0
2 years ago
1.10.0
2 years ago
1.9.0
2 years ago
1.8.0
2 years ago
1.7.0
2 years ago
1.6.0
2 years ago
1.5.0
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago