我的博客我做主

摘要：继续上上上上...上一篇 [列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3](https://www.cnblogs.com/kitty-blog/p/17380714.html)，继续谈一下，如何优雅封装页面上的组件。 页面上的组件有很多种，最让人头疼的是弹窗表单组件，最讨厌写表 阅读全文

摘要：对于这个组件，我是又爱又恨，上代码： <template> <div> <!-- 此处注意写法v-model:content --> <QuillEditor ref="myQuillEditor" theme="snow" :content="content" :options="data.edi 阅读全文

摘要：若依的下拉组件太复杂，我改了一下，希望对大家有帮助，基于 element-plus el-tree-select 组件： 举个栗子，TreeSelect.vue： ``` ``` 阅读全文

摘要：在项目中写好多个查询组件，基于 element-plus el-select 组件： 举个栗子，SelectAllCompany.vue： ``` 未找到相关客户信息，请前往 客户管理 中添加 ``` 阅读全文

摘要：**若依的图片预览组件，很实用，放在这里：** 上代码，ImagePreview： ``` ``` 阅读全文

摘要：基于 vue3 element-plus 文件上传组件封装，兄弟姐妹们，将就看一下吧： 支持：粘贴文件路径上传、文件识别开关，上代码，FileUpload.vue ``` 开启识别（仅支持 .jpg .png .jpeg .bmp文件格式） 选择上传文件 请上传 大小不超过 {{ fileSize 阅读全文

摘要：基于 vue3 element-plus 图片上传组件封装，兄弟姐妹们，将就看一下吧，上代码，ImageUpload.vue： ``` 1" :before-upload="handleBeforeUpload" :on-preview="handlePictureCardPreview" :htt 阅读全文

摘要：**证件图片识别上传** 根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码，CertificateUpload.vue： ``` = 阅读全文

摘要：**由于若依是基于element，但是在实际业务中，往往会出现标签不够用的情况，数据标签回显样式只有一下六种：** ``` // 数据标签回显样式 const listClassOptions = ref([ { value: "default", label: "默认" }, { value: " 阅读全文

摘要：为什么大家都在用若依？ 若依版本有很多种，前端的，后端的，大家点击去看看 http://doc.ruoyi.vip/，看完记得回来！ 第一次接触到若依 是进入这家公司之后，以前做项目都是“白手起家”，若依项目结构清晰，很多轮子都被造好了，不用自己搭建项目，git clone 就完成了，happy！还 阅读全文

摘要：1. **这个组件解决的问题？** 在以往的项目当中，我从未想过要对 批量/列表数据的操作按钮做什么变动，直到最近的一次开发。 当页面功能多而复杂，整个页面会变得十分混乱，就比如，当操作按钮过多时，操作按钮的触发判断条件、权限指令、更多下拉操作等等，这使得页面十分混乱，维护起来让人头疼。 当然也会出 阅读全文