2.5.0 • Published 3 years ago
dwgview v2.5.0
1.下载
npm install dwgview2.在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
3 years ago
2.2.1
3 years ago
2.2.0
3 years ago
2.5.0
3 years ago
2.4.1
3 years ago
2.4.0
3 years ago
2.3.1
3 years ago
2.2.2
3 years ago
2.1.0
3 years ago
2.0.1
3 years ago
1.13.1
3 years ago
1.14.0
3 years ago
1.13.0
3 years ago
1.12.0
3 years ago
1.11.0
3 years ago
1.10.0
3 years ago
1.9.0
3 years ago
1.8.0
3 years ago
1.7.0
3 years ago
1.6.0
3 years ago
1.5.0
3 years ago
1.4.0
3 years ago
1.3.0
3 years ago
1.2.0
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago