industry-ui-test
v1.0.1
Published
工业技术通用ui组件库
Downloads
7
Readme
安装
npm 安装
npm i industry-ui
用法
//main.js
import { createApp } from "vue";
import App from "./App.vue";
import industryUI from "industry-ui";
import "industry-ui/dist/style.css"; //引入样式
const app = createApp(App);
app.use(industryUI);
app.mount("#app");
使用示例
<template>
<qhtTreeSelect
:data="d.data"
node-Key="id"
:defaultCheckedKeys="[
'4DB4C1412B57F46CB98D3FA69BC01EC5',
'AE30C2E8ABA66D8720F1255F1E43316A',
]"
defaultExpandAll
/>
</template>
<script setup>
const d = reactive({
data: [
{
label: "专业公众号",
value: "专业公众号",
id: "A2150C71E467FAB78155723C26FD2C3E",
children: [
{
label: "热泵市场",
value: "热泵市场",
id: "CEA8140DCA71689A8E0FEF69B72D1A6F",
},
{
label: "艾肯家电网",
value: "艾肯家电网",
id: "D5532195F36379567FDC9A05453EBB23",
},
{
label: "电器微刊",
value: "电器微刊",
id: "3600866DF503D7D6C41F1DC068D02F98",
},
],
},
{
label: "机构网站",
value: "机构网站",
id: "057D9FA5852B7047A92E8E9D26182D96",
children: [
{
label: "产业在线",
value: "产业在线",
id: "4DB4C1412B57F46CB98D3FA69BC01EC5",
},
],
},
{
label: "竞对官网",
value: "竞对官网",
id: "976D50AEB7A713BE2C5D3F78C20DF5C6",
children: [
{
label: "瑞智官网",
value: "瑞智官网",
id: "AE30C2E8ABA66D8720F1255F1E43316A",
},
],
},
],
});