表单组件

• el-autocomplete 自动补全输入框
• el-cascader 级联选择器
• el-checkbox 多选框
• el-color-picker 取色器
• el-date-picker 日期选择器
• el-input 输入框
• el-input-number 数字输入框
• el-radio-group 和 el-radio 单选框
• el-rate 评分
• el-select 和 el-option 选择器
• el-slider 滑块
• el-switch 开关
• el-time-picker 时间选择器
• el-time-select 时间选择
• el-transfer 穿梭框

备注

const columns = [
	{ type: "selection", fixed: "left", width: 80 },
	{ type: "index", label: "#", width: 80 },
	{ type: "expand", label: "Expand", width: 100 },
	{
		prop: "email",
		label: "邮箱",
		display: true,
		search: { el: "input" },
		formAttr: { //为el-col和el-表单组件属性合并一起,非formAttr为el-form-item的绑定数据
			typeName: "input", //必传
			clearable: true,
			span: 12,
			placeholder: "请输入用户名"
		}
	}
]

使用

在入口文件 src/main.ts 中

import { createApp } from "vue";
...
import ayiUI from "@yll10243/table-form";
import "@yll10243/table-form/dist/style.css";
const app = createApp(App);
app.use(ayiUI);
...
app.mount("#app");