文章 2024-08-15 来自:开发者社区

基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令

前言 使用Vue实现任意上下左右拖拽悬浮的元素,以及具有边界处理的具体实现是网上的大神实现的,也不知是谁了。俺只不过是优化了一下皮毛,写了个在Vue2或Vue3的项目中的示例,配置自定义的全局指令,主要是方便下次使用,记录一下。 一、基于Vue2框架的项目 (1)在 /src/utils/ 目录中新建 diyVueDirectives.js /** * 自定义拖拽指令 */ cons...

基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
文章 2024-08-10 来自:开发者社区

【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件

在日常开发中,我们经常会遇到需要打印的场景。比如在电商后台管理系统中,需要打印订单;在医院管理系统中,需要打印患者的化验单。 一个强大且易用的打印插件不仅可以提升开发效率,还能大大提高用户体验。 之前,我一直在寻找一个既支持 Vue 2 又支持 Vue 3 的打印插件,直到我发现了 vue-plugin-hiprint,真的是眼前一亮! ...

【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
文章 2024-07-06 来自:开发者社区

vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程

不再需要为每一个路由编写冗长的 routes 配置啦,新建文件便可自动生成路由! 使用方法 1. 安装 unplugin-vue-router npm i -D unplugin-vue-router ...

vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
文章 2024-07-06 来自:开发者社区

vue3 自定义 v-model(无参数和带参数)【setup版】(两种方案)

vue2 自定义 v-model 详见 https://sunshinehu.blog.csdn.net/article/details/136942322 vue3 自定义 v-model【方案一】 子组件 Child.vue <scrip...

文章 2024-07-05 来自:开发者社区

vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)

v-model 的功能:实现数据的双向绑定 在原生元素上使用 v-model <input v-model="searchText" /> ...

vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
文章 2024-05-15 来自:开发者社区

Vue3自定义hooks

Hooks解决了什么 虽然vue3文档没有直接提hooks,但经过我的一番学习后发现,发现大佬们都习惯性使用hooks,来降低代码的耦合度。特别是在开发复杂页面及涉及的逻辑很复杂时,那代码读起来就费劲了。从之完成功能到追求代码可读性、性能的提高,这不是代表我离大佬又近了一小步。 Vue 3 的 组合式API 中引入了函数(hooks),主要解决了以下一些问题: ...

文章 2024-05-11 来自:开发者社区

ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://...

ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
文章 2024-05-11 来自:开发者社区

ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://...

ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
文章 2024-05-11 来自:开发者社区

ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://...

文章 2024-05-11 来自:开发者社区

ruoyi-nbcio-plus基于vue3的flowable的自定义业务单表例子的升级修改

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://...

ruoyi-nbcio-plus基于vue3的flowable的自定义业务单表例子的升级修改

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注