1.2.1 • Published 23 days ago
vue-sz-ui v1.2.1
vue2-sz-ui 公共组件库
v1.0.2新增功能
添加了SzTreeSelect树形下拉选择框
v1.0.3新增功能
添加了Http请求
v1.0.4新增功能
- 修复树形下拉选择框
v1.2.0新增功能
- 修复树形下拉选择框回显功能报错
介绍
安装方法
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 |
1.2.1
23 days ago
1.2.0
29 days ago
1.1.9
29 days ago
1.1.8
1 month ago
1.1.7
1 month ago
1.1.6
2 months ago
1.1.5
2 months ago
1.1.4
2 months ago
1.1.3
4 months ago
1.1.2
4 months ago
1.1.1
4 months ago
1.1.0
4 months ago
1.0.9
4 months ago
1.0.8
4 months ago
1.0.7
4 months ago
1.0.6
4 months ago
1.0.10
4 months ago
1.0.5
4 months ago
1.0.4
4 months ago
1.0.3
5 months ago
1.0.2
5 months ago
1.0.1
5 months ago
1.0.0
8 months ago