qwyio的博客

基于element table 表格二次封装，可以自定义表头信息，支持render函数渲染表格数据。封装支持基础表格，多选，单选，排序，表尾合计行，合并行或列。

<template> <div class="back-breadcrumb justify-between mt10 mb10"> <div class="breadcrumb"> <div class="flex-start"> <span class="current-position">当前位置：</span> <el-breadcrumb separator="/.

element ui form表单进行二次封装，封装支持输入框，时间，日期选择器，单选框类型，适用于表单查询，dialog弹框里的普通表单。可以和前几篇的table表格，dialog弹框，pagination分页一起使用，提高开发人员的工作效率，方便维护,实现增删详情三复用

下次会为大家更新form表单的封装，table，pagination,form的封装使用后期能更好的维护代码新建一个dialog文件，下面是封装内容<template> <div> <el-dialog ref="currentDialog" v-bind="$props" :class="`dialog-${size}`" :close-on-click-modal="closeOnClickModal"

效果图如下，后续还会为大家更新 自定义表格，日历，表单等组件的封装封装组件内容<template> <div class="j-el-pagination"> <el-pagination v-bind="tableProprs" :current-page="data.current ? Number(data.current) : 0" :page-size="data.size ? Number(data.si