• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

我的博客我做主

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

2023年5月8日

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(1)

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

posted @ 2023-05-08 16:23 kitty20180903suzhou 阅读(239) 评论(0) 推荐(0)

Vue3 QuillEditor 富文本编辑器

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

posted @ 2023-05-08 15:37 kitty20180903suzhou 阅读(671) 评论(0) 推荐(0)

vue3 多级数据下拉选择组件

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

posted @ 2023-05-08 15:33 kitty20180903suzhou 阅读(698) 评论(0) 推荐(0)

vue3 通过fuse.js 实现前端模糊查询

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

posted @ 2023-05-08 15:23 kitty20180903suzhou 阅读(204) 评论(0) 推荐(0)

若依--图片预览组件

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

posted @ 2023-05-08 14:48 kitty20180903suzhou 阅读(2292) 评论(0) 推荐(0)

Vue3 文件上传组件

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

posted @ 2023-05-08 14:44 kitty20180903suzhou 阅读(431) 评论(0) 推荐(0)

Vue3 图片上传组件

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

posted @ 2023-05-08 14:44 kitty20180903suzhou 阅读(677) 评论(0) 推荐(0)

vue3 证件识别上传组件封装

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

posted @ 2023-05-08 14:23 kitty20180903suzhou 阅读(448) 评论(0) 推荐(0)

若依--字典标签组件完善

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

posted @ 2023-05-08 11:29 kitty20180903suzhou 阅读(1452) 评论(0) 推荐(0)

若依--自定义指令 v-hasPermi 和 v-hasRole

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

posted @ 2023-05-08 11:28 kitty20180903suzhou 阅读(3697) 评论(0) 推荐(0)

列表的批量操作组件封装 + 权限 ,如何更优雅的实现呢?Vue3

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

posted @ 2023-05-08 09:27 kitty20180903suzhou 阅读(236) 评论(0) 推荐(0)

 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3