Zwd-vue2-el-plus NPM

vue2-el-plus

介绍

vue2 elementui 组件扩展

软件架构

软件架构说明

安装教程

npm i zwd-vue2-el-plus

使用说明

import Vue from "vue"; 
import zwdElPlus from "zwd-vue2-el-plus";
Vue.use(zwdElPlus);

组件说明

ZwdTreeSelect

使用方式和 element-plus的el-tree-select 一样。

API

Attributes

组件是el-tree和el-select的结合体，原始属性未被更改。请跳转查看原组件的相应文档。

属性	方法	事件	插槽
tree	tree	tree	tree
select	select	select	select

<template>
  <div id="app">
    <div>
      <ZwdTreeSelect
        check-on-click-node
        collapse-tags
        show-checkbox
        multiple
        clearable
        highlight-current
        v-model="value"
        :data="data"
        node-key="value"
      ></ZwdTreeSelect>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: [44],
      data: [
        {
          label: "212",
          value: 11,
          children: [
            { label: "234", value: 33 },
            { label: "444", value: 44 },
          ],
        },
        { label: "333", value: 22 },
      ],
    };
  },
};
</script>