vue2-sz-ui 公共组件库

v1.0.2新增功能

添加了SzTreeSelect树形下拉选择框

v1.0.3新增功能

添加了Http请求

v1.0.4新增功能

1. 修复树形下拉选择框

v1.2.0新增功能

1. 修复树形下拉选择框回显功能报错

v1.2.8新增功能

1. 减小包体积大小

介绍

安装方法

    npm i -S vue-sz-ui

使用方法

    import SzUi from 'vue-sz-ui'
    import 'vue-sz-ui/lib/vue-sz-ui.css'

    Vue.use(SzUi)

组件

sz-table 继承 element-ui table 原有属性

<template>
    <sz-table ref="table" :columns="columns"></sz-table>
</template>


<script>
import { SzTable } from 'vue-sz-ui'
import 'vue-sz-ui/lib/vue-sz-ui.css'

export default {
    components: {
        SzTable
    },

    data() {
        return {
            columns: [
                {
                    label: '时间',
                    prop: 'date',
                },
                {
                    label: '操作'
                    render: ({row, $index}) => {
                        return (
                            <div>
                                <el-button type="primary" onClick={ () => this._edit(row, $index) }>编辑</el-button>
                                <el-button type="danger" onClick={ () => this._delete(row, $index) }>删除</el-button>
                            </div>
                        )
                    }
                }
            ]
        };
    },

    methods: {
        _edit(v, i) {
            console.log(v, i)
        },

        _delete(v, i) {
            console.log(v, i)
        },

        async _getList() {
            return await new Promise()  // 接口地址
        }
    },

    mounted() {
        this.$refs.table.loadData()
    }
};
</script>

| 参数 | 说明 | 类型 | | ------- | ---------------------- | ------- | | columns | 显示的表头和表格数据 | array | | paging | 是否需要分页 | boolean | | hold | 分页与表格是否需要贴合 | boolean | | order | 自动累加序号 | boolean |