
前端
文章平均质量分 79
xiaolongyu3
Web开发码农
展开
-
antd-vue表单实现一个临时校验效果
因为这里我们使低代码实现,rules都是在formitem上配置的,表单配置项配置componentProps,我们实现将这些配置想传递到真实的表单上。author: {label: "论文作者",},placeholder: "输入施引论文作者, 多作者用,分隔",rules: [{ required: true, message: "请输入施引论文作者" },{ max: 64, message: "最多只能输入64个字符" }],},这是一个作者的配置项:以上是一个展示效果。原创 2025-04-29 13:56:42 · 229 阅读 · 0 评论 -
组件自身如何向外暴露一个子组件
定义一个独立组件Stepper,接受current,total,以及一个时间onChange事件,自B组件内通过传递以上props和事件回调来实现轮播器内部的数据依赖,onChange则是为了控制轮播图切换。原创 2025-04-18 11:18:12 · 26 阅读 · 0 评论 -
阿里图形验证码使用问题(二)
关于阿里的图形验证码使用中的问题,我前面发过一个一次文章,今天在实际工作中又出现新情况,这里我们再把这次出现的新情况补充一下。场景:login页面上,点击(邮箱账号)登录按钮先要唤起图形验证码,当然tab页切换到手机登录,同样要唤起图形验证码之后再发送手机验证码。这个本无问题,下面补充这块的知识点。问题接下来页面又新增了一个注册弹窗(如果是跳转页面则无影响),注册时使用邮箱注册,同样需要再次发送验证码。注册完,回填邮箱账号后,继续在当前login页面登录。如图所示,这时候需要注意的问题就来了。原创 2025-04-11 12:16:18 · 680 阅读 · 0 评论 -
vue3 + ant-design-vue4实现Select既可以当输入框也可以实现下拉选择
近日工作中,遇到一个需求,就是select的有一个前置切换条件,有些条件需要时输入,有些条件需要时下拉选择,但是在切换的时候,后面的这个输入或者选择组件不能闪烁,于是也就只能采用select去实现,而不能用select和input通过v-if切换,或者v-show动画实现。先看下效果效果一:前置切换为可输入类型,可接受输入效果二:前置条件切换为下拉选择状态,可接受下拉选择效果三、可动态新增和删除效果四、数据回显下面我们讲一下这个功能的实现过程。原创 2025-03-27 14:50:58 · 1085 阅读 · 0 评论 -
jquery+vue3简单富文本编辑器实现
我们是通过jquery的在textarea的change事件中或者blur事件中通过触发给hooks中传递的change方法向表单emits事件来实现的更新数据。这里必须要讲一下,因为textarea的blur或者change事件的触发,是我们组件内部无法阻止和控制的,所以这里面就存在一个触发前后的问题。这个一定要注意,textarea 是触发表单校验的所在,这里有处理技巧。initVal: 这个方法很重要,主要是实现编辑器的初始化,也就是做数据回显的时候,需要对编辑器内部初始化的方法。原创 2024-04-29 16:27:50 · 1222 阅读 · 1 评论 -
vue3+antd vue 低代码自定义配置邮件模板并实现邮件群发兼容(二)
使用邮件模板群发有奖有两种使用方式:1 在线编辑生成html邮件内容2 导入内容生成html邮件内容那么这两种方式,最终都要生成发给用户的html邮件。那么导入的内容如何生成html邮件,这个就需要按照我上期所得配置,即导入内容要严格按照我的配置中对应配置实现,也就是说导入的内容最终也是生成了配置文件。那么这些配置文件在在线编辑的模式下可以利用前端技术实现渲染到页面上,最终生成html, 那么这个导入就需要后端去生成。原创 2024-02-20 16:27:51 · 1612 阅读 · 0 评论 -
jitsi-meet react 框架改造
react jitsi meet 二次开发注意事项 持续更新中原创 2022-10-25 19:39:07 · 2168 阅读 · 1 评论 -
qiankun微服务搭建
乾坤微服务架构的基座应用搭建原创 2022-09-29 17:10:31 · 1690 阅读 · 0 评论 -
quillEditor富文本编辑器实现插入视频
quillEditor插入视频,替换原来的iframe使用video标签实现。原创 2022-07-04 10:02:47 · 3013 阅读 · 0 评论 -
富文本编辑器 word整体粘贴实现图片自动展示(二)
富文本编辑器word整体粘贴,实现图片自动展示的,从rtf中提取图片信息的基本步骤原创 2022-07-04 09:48:07 · 1248 阅读 · 0 评论 -
富文本编辑器 word整体粘贴实现图片自动展示(一)
实现富文本编辑器复制粘贴自动提取图片,支持word和网络内容粘贴,支持目前主流的编辑器,纯js实现原创 2022-07-02 17:51:54 · 4643 阅读 · 1 评论 -
vue 3.0实现仿elementUI表格组件封装
vue如何封装一个elementUI的表格组件灵活使用插槽slot实现表格封装插槽能够实现对内容的分发,但是像elementUI中多个插槽并没有使用具名插槽是如何实现对多个默认插槽处理的,这里就来分享一下经验。slot插槽默认插槽首先多个默认插槽,this.$slots中是一个以defaul为key的数组。这样我们就能利用数组来处理多个默认插槽了。这是我们默认elementUI实现的一个表格父组件和列子组件。我们看到 一个 el-table中含有三个 el-table-column 子组件,这原创 2022-04-24 21:21:05 · 1721 阅读 · 2 评论