vxe-table 实现服务端筛选、分页筛选 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 配置 filter-co ...
引言 在现代前端应用中,模态框(Modal)是最常用的UI组件之一。然而,随着应用规模的增长,模态框的状态管理往往会变得混乱。本文将介绍一种基于 Pinia 和 Vue 3 Composition API 的类型安全模态框管理方案,帮助你优雅地处理应用中的各种模态框状态。 核心概念解析 1. Pin ...
在很多业务系统中,有时候需要编辑富文本,就是包括图文消息排版等处理,图片有时候需要结合后端实现图片的上传处理,在本篇随笔中,结合@wangeditor的富文本编辑器和上传文件的处理的封装,来实现系统新闻资讯的管理,可以实现图片上传和图文排版的常规操作。 ...
上次客户过来讨论的时候,说起其旧系统很多字段选择是通过弹出表格选择记录的,希望沿袭这个使用习惯,否则客户对新系统开发可能不适应,问我如何在Vue3+ElementPlus前端中是否可以实现,我说你基于JQuery的都可以实现,那么Vue3上开发肯定没问题的,而且响应会更加丝滑的,于是我就琢磨做一个通... ...
@meng-xi/uni-router 是一个专为 uni-app 开发的路由管理库,采用类似 vue-router 的设计风格,并提供丰富的工具函数,帮助开发者轻松实现跨平台路由管理。 npm包地址 github地址 核心功能 类 vue-router API:与 vue-router 相似的 A ...
在我们开发业务系统的时候,往往都需要一些数据报表进行统计查看,本篇内容介绍如何在实际的前端中对报表内容进行的一些封装操作,以便提高报表模块开发的效率,报表模块的展示主要是结合Vue3中比较广泛使用的echarts图表组件进行展示。
在前端界面开发中,良好的组件封装和使用,可以给我们提供更好的开发效率... ...
需求:主进程产生菜单栏,点击菜单栏触发事件,获取渲染进程的数据并进行文件保存 AI【豆包】给的解决方案: 指令:electron主线程触发获得界面数据回调 实现流程 主进程通过 ipcMain.send 或 ipcMain.invoke 向渲染进程发送数据请求 渲染进程通过 ipcRenderer. ...
Vue-Official 手动更改插件显示语言 至今,Vue-Official 作为 Vue.js 的官方插件,仍然没有提供手动修改 language server 语言的设置项。Vscode 的 Typescript 插件早已经支持在设置里单独更改语言。 现在我有一个奇怪的需求:由于我不想下载 V ...
vxe-table 实现编辑文本域,支持拖拽高度,自适应高度、自定义高度的方式 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-t ...
vxe-table 通过配置 ajax 方式自动请求数据,适用于简单场景的列表 当系统中很多页面都是简单列表时,每次都要手动去请求接口后再赋值,过程就会比较冗余繁琐。解决方式一般就是将封装一下。本章的方式是通过 vxe-grid 配置 ajax 来实现自动请求加载数据,无需封装组件,适用于通用简单列 ...
xiaoju-survey —— 一套滴滴开源、轻量安全的问卷调研系统,提供构建各类问卷、考试、测评和复杂表单的功能,快速满足各类线上调研场景。 ...
开源地址:https://github.com/Montaro2017/vue-tag-view 背景 多标签页多用在中后台管理系统,能够让用户同时打开多个标签页,而且不会丢失之前填写的内容,操作起来会比较方便。虽然部分开源项目有多标签页的功能,但就体验来看,算不上特别好。 目标 可以通过route ...
vue vxe-tree 树组件加载大量节点数据,虚拟滚动的用法 查看官网:https://vxeui.com gitbub:https://github.com/x-extends/vxe-pc-ui gitee:https://gitee.com/x-extends/vxe-pc-ui 上万节点 ...
vxe-tree vue 树组件实现关键字搜索 查看官网:https://vxeui.com gitbub:https://github.com/x-extends/vxe-pc-ui gitee:https://gitee.com/x-extends/vxe-pc-ui 代码 实现方式通过输入框输 ...
写在开头 点赞 + 收藏 学会 现代前端开发中,启用HTTPS本地环境越来越重要。本文将详细介绍如何在Vue项目中配置HTTPS开发服务器,使用mkcert工具生成可信证书,解决跨域问题并模拟真实生产环境。 为什么需要HTTPS本地开发? 使用浏览器新特性(如地理位置API) ...
vxe-upload vue 实现附件上传、手动批量上传附件的方式 查看官网:https://vxeui.com gitbub:https://github.com/x-extends/vxe-pc-ui gitee:https://gitee.com/x-extends/vxe-pc-ui 安装 ...
对pdf旋转、拖拽公章或其他图片到pdf任意位置,生成一个新的pdf进行下载 网上搜了一下代码量都挺大的,这里自己来实现一个吧! 涉及到的技术栈:pdfjs-dist、pdf-lib、vueuse <script setup> import { ref, onMounted, computed } ...
vue vxe-table 自适应列宽,根据内容自适应宽度的2种使用方式 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-tabl ...
如何使用 vue vxe-table 来实现一个产品对比表表格 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 效果 ...
vxe-table vue 表格禁用单元格编辑的2种实现方式 查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table 阻止激活 ...