### 1.分页组件 pagination
#### 页面:
```
```
#### js:
``` js
changeSize(obj) {
let val = {
pageNo: obj.page,
pageSize: obj.pageSize，
...
};
this.form = { ...this.params, ...val };
//调用查询方法
},
```
#### 详细参数：
``` js
total: { //总条数
required: true,
type: Number
},
pageSize: { 每页条数
type: Number,
default: 20
},
page: { //当前页
type: Number,
default: 1
},
refresh: { //是否带刷新按钮
type: Boolean
},
pageSizes: { //设置每页条数的框
type: Array,
default() {
return [10, 20, 30, 50];
}
},
layout: {
type: String,
default: "total, sizes, prev, pager, next, jumper"
},
background: {
type: Boolean,
default: true
},
autoScroll: {
type: Boolean,
default: true
},
hidden: {
type: Boolean,
default: false
}
```
### 2.Cron
#### 页面
```
```
#### js
``` js
data(){
return{
expression: "* * * ? * *",
}
},
methods:{
handleExpress(val) {},
ename(val) {
},
}
```
### 3.selectTree
#### 页面
```
```
### 4.输入框-数字键盘
#### 页面使用
```
/*
*model-value v-model 值 refs ref left 键盘距离左侧距离不穿默认0
*isImage 是否显示输入框左侧图标图片显示 url 图片路径 tabindex input中的tabindex
*type 输入框类型 placeholder name autoComplete是否自动补全
*validate 行内是否进行表单验证 true是,根据rule(改变或者失去焦点)就触发 false否 只根据this.$refs.form.validate(value=>{})不穿默认false
* keyUp() 键盘(自定义键盘和实际键盘)按下事件
* onblur() 失去焦点 事件
*/
```
### 5.输入框-字母加数字键盘
```
/*
*model-value v-model 值 refs ref left 键盘距离左侧距离不穿默认0
*isImage 是否显示输入框左侧图标图片显示 url 图片路径 tabindex input中的tabindex
*type 输入框类型 placeholder name autoComplete是否自动补全
*validate 行内是否进行表单验证 true是,根据rule(改变或者失去焦点)就触发 false否 只根据this.$refs.form.validate(value=>{})不穿默认false
* keyUp() 键盘(自定义键盘和实际键盘)按下事件
* onblur() 失去焦点 事件
*/
```