Vue.js论坛 今日: 0|主题: 240|排名: 13 

大家好，我是 Java陈序员。 之前给大家介绍了两款开源的问卷调查系统。 太卷了！这个考试系统不愧是“卷王”！ 填鸭表单！开箱即用的开源问卷调查系统！ 今天，再给大家安利一套轻量安全的问卷调研系统，由滴滴开源！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目 ...

开源地址：https://github.com/Montaro2017/vue-tag-view 背景 多标签页多用在中后台管理系统，能够让用户同时打开多个标签页，而且不会丢失之前填写的内容，操作起来会比较方便。虽然部分开源项目有多标签页的功能，但就体验来看，算不上特别好。 目标 可以通过router.push实现打开标签页 同一路由组件可以多开并且数据 ...

vue vxe-tree 树组件加载大量节点数据，虚拟滚动的用法 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 上万节点数据 当数据量达到上万时，通过数据双向绑定将会影响性能，可以通过调用 loadData 来加载数据 <template> <div> <vxe-but ...

vxe-tree vue 树组件实现关键字搜索 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 代码 实现方式通过输入框输入内容，对数据进行筛选过滤 <template> <div> <div> <vxe-input v-model="filterName" type="search" clearable @c ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣   现代前端开发中，启用HTTPS本地环境越来越重要。本文将详细介绍如何在Vue项目中配置HTTPS开发服务器，使用mkcert工具生成可信证书，解决跨域问题并模拟真实生产环境。 为什么需要HTTPS本地开发？ 使用浏览器新特性（如地理位置API） 解决第三方登录（OAuth）的loca ...

vxe-upload vue 实现附件上传、手动批量上传附件的方式 查看官网：https://vxeui.com gitbub：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 安装 npm install vxe-pc-ui@4.6.47 // ... import VxeUIAll from 'vxe-pc-ui' import 'vxe-pc-ui/lib/style.css' // ... createApp(Ap ...

对pdf旋转、拖拽公章或其他图片到pdf任意位置，生成一个新的pdf进行下载 网上搜了一下代码量都挺大的，这里自己来实现一个吧！ 涉及到的技术栈：pdfjs-dist、pdf-lib、vueuse <script setup> import { ref, onMounted, computed } from 'vue'; import * as pdfjsLib from 'pdfjs-dist/build/pdf'; import { useDraggable } ...

vue vxe-table 自适应列宽，根据内容自适应宽度的2种使用方式 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 第一种，整列根据内容自适应宽度 整列根据内容自适应宽度，包括表头、表体、表尾同时自定义宽度，适用需要完整显示的场景 <temp ...

如何使用 vue vxe-table 来实现一个产品对比表表格 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 效果 代码 <template> <div class="demo-page-wrapper"> <vxe-grid v-bind="gridOptions"> <template #img11> <vxe- ...

vxe-table vue 表格禁用单元格编辑的2种实现方式 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 阻止激活编辑 设置 edit-config 的 beforeEditMethod 方法判断单元格是否禁用，例如：限制第二行不允许编辑 <template> <div> <vxe-gr ...

  一、前期准备： 1. 准备node环境（推荐nvm方式管理node版本）； 2.安装pnpm(pnpm 通过创新存储模型解决了 npm/yarn 的磁盘冗余、依赖污染等核心痛点，尤其适合 ‌Monorepo 项目、低存储环境及高稳定性要求的场景‌。若项目无特殊兼容需求，pnpm 是当前最优解。)； npm i pnpm -g 二、创建项目： 　　1.使用pnpm初 ...

使用 vue vxe-table 实现复选框禁用，根据行规则来禁用是否允许被勾选选中 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 禁用选中 通过 checkMethod 方法控制 checkbox 是否允许用户手动勾选，如果被禁用，可以调用 setCheckboxRow 方法手 ...

大家好，我是 Java陈序员。 之前，有介绍过一个 Windows 端的开源项目，一个可以在 Windows 右下角任务栏飞奔的小猫，当你的 CPU 占用率越高时，它跑的越快。 一个可爱的运行猫动画在你的窗口任务栏 今天，给大家介绍一个桌面萌宠工具，在工作的同时，也能吸猫！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副 ...

vxe-table如何自定义拖拽列宽最小列宽限制，在不改变列min-width的情况下, 例如需要自定义最小列宽的限制，默认是继承 column.min-width 限制，当需要脱离列限制时就有用了 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 效果 比如 name 这 ...

vxe-table 如何设置单元格垂直对齐，当某写场景需要将单元格样式调整为顶部对齐就很有用了，比如多行文本之类的。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 代码 通过 cell-config.height 与 cell-config.vertical-align 设置所有列或 ...

大家好，我是 Java陈序员。 今天，给大家介绍一款基于 Vue3 + TypeScript 开源的后台管理框架！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 Geeker-Admin —— 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，封装了一些常 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 该代码的主要功能是生成一个图形验证码，并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成，背景和文字颜色随机生成，且文字有一定的旋转角度，增加了识别的难度。 核心逻辑： useImageVerify：这是一个Vue 3的Composition API函数，用于管理验证码的生成和 ...

vxe-table vue 数据表格行分组，实现同时对多个列显示合计数量 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 代码 通过 countFields 和 countMethod 来自定义列的统计值，需要注意 rowGroupNode 这一列是无效的，用于其他的列自定义合计 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 背景简介 在前端项目开发中，我们常常会遇到这样一种情况：项目中引入了某个第三方库，但它没有提供内置的 TypeScript 类型声明。此时，如果你在 TypeScript 项目中直接使用这个库，编译器就会报错。  也许你很聪明，知道在项目中的shims-vue.d.ts中通过declare声明此模 ...

最近一个项目中，基于vue3开发，想开发一个在线管理组件库的功能，具体业务实现： 1. 在私库Nexus上传组件包； 2. 然后用UNPKG实现路径访问在线解压文件； 3. 解压文件上传到gitee组件库中查看； 4. 然后通过页面配置填写需要引入的依赖地址（直接通过UNPKG读取包内文件内容），页面中填写dist文件夹中的文件路径，支持在当 ...