1.0.1 • Published 1 year ago

industry-ui-test v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

安装

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",
        },
      ],
    },
  ],
});