2023年6月9日
el-dialog-form组件封装，真的好用，可以让你开发效率提高
摘要： 请看效果图，支持elementUI所有表单组件 1、新建DialogForm.vue文件 <template> <div class="base-dialog"> <el-dialog :type="type" :custom-class="customClass" :close-on-click- 阅读全文
posted @ 2023-06-09 17:48 前端小菜鸡美哥 阅读(2534) 评论(0) 推荐(0)
vue+elementUI 搜索栏公共组件封装，封装多搜索条件通用组件，超实用
摘要： 1、新建BaseSearch.vue文件 <!-- *名称：弹窗的搜索条件组件 *功能：methods 1.点击搜索的方法：@search 2.搜索条件 props : formItemList --> <template> <div class="dialog-search"> <el-form 阅读全文
posted @ 2023-06-09 11:32 前端小菜鸡美哥 阅读(4266) 评论(0) 推荐(0)
el-table封装
摘要： 1、新建Pagination.vue文件 <template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :current-page.sync="currentPage" :page-si 阅读全文
posted @ 2023-06-09 11:23 前端小菜鸡美哥 阅读(510) 评论(0) 推荐(0)
el-dialog组件封装-El-Dialog---vue
摘要： 1、封装Dialog.vue文件 <template> <div class="base-dialog"> <el-dialog :type="type" :width="width" :custom-class="customClass" :fullscreen="fullscreen" :tit 阅读全文
posted @ 2023-06-09 11:17 前端小菜鸡美哥 阅读(1046) 评论(0) 推荐(0)
el-form表单验证身份证合法性和手机号格式
摘要： <template> <div> <!-- 表单--> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" size="small"> <el-form- 阅读全文
posted @ 2023-06-09 11:13 前端小菜鸡美哥 阅读(296) 评论(0) 推荐(0)