分享 vxe-table vue 树表格拖拽二次确认
分享 vxe-table vue 树表格拖拽二次确认 官网：https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script> import { Vx ...
vue 功能最丰富的组件 vxe-table 最强表格组件推荐，vue 用什么表格组件好
vue 用什么表格组件好，vxe-table 是支持 vue2 和 vue3 非常强大的表格库，是专业用于处理表格组件库。 官网：https://vxetable.cn/ 冻结列 单元格合并 单选 多选 多字段排序 列拖拽排序 树形表格 拖拽排序 可编辑表格 数据校验 查询表格 打印表格 数据分页 ...
Clipboard.js：一个被157317个项目疯抢的JS开源库
Clipboard（剪贴板）是一种临时存储和传输数据的工具。用户可以通过复制（Ctrl+C）将文本、图片等信息保存至剪贴板，随后通过粘贴（Ctrl+V）操作将内容插入至其他应用程序。本文将介绍剪贴板的基本功能、使用方法以及在提高工作效率中的作用。了解剪贴板，提升您的办公效率。 ...
vue vxe-table 实现财务记账凭证和打印功能
使用 vxe-table 实现财务记账凭证和打印功能非常简单，实现在线实时编辑的记账凭证、自动合计金额等 官网：https://vxetable.cn/ <template> <div> <vxe-grid ref="gridRef" v-bind="gridOptions" @edit-close ...
vxe-table 树表格跨层级拖拽排序
vxe-table 树表格跨层级拖拽排序，通过 row-drag-config.isCrossDrag 启用跨层级拖拽 官网：https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> ...
vxe-table 实现指定列默认是隐藏，点击重置自动还原状态
vxe-table 实现控制指定列默认隐藏，重置自定义列后还能自动还原，有个需求需要将某一列默认是隐藏的，但是可以通过自定义列设置显示，当点击自定义的重置按钮时，还能回复到默认的状态，实现也是非常简单的。通过 visible 参数设置默认为不显示就可以了。 官网：https://vxetable.c ...
vxe-table 实现展开行的用法
使用 vxe-table 实现展开行的，通过设置 type=expand，给列加上 content 插槽，就可以开启展开行了 官网：https://vxetable.cn/ <template> <div> <vxe-grid v-bind="gridOptions"> <template #exp ...
CSS 实现字体颜色渐变
CSS 实现字体颜色渐变 在 CSS 中，可以通过 background-clip 和 text-fill-color 等属性来实现字体颜色渐变。以下是实现字体颜色渐变的基本步骤和示例代码： 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
vxe-table 树表格单元格选择复制粘贴
vxe-table 树表格单元格选择复制粘贴，树结构默认是平级粘贴，可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴；需要注意只支持 tree-config.transform 模式 <template> <div> <vxe-table border show-ov ...
vxe-table 全键盘操作，按键编辑方式设置，覆盖方式与追加方式
vxe-table 全键盘操作，按键编辑方式设置，覆盖方式与追加方式； 通过 keyboard-config.editMode 设置按键编辑方式；支持覆盖方式编辑和追加方式编辑 按键编辑方式 <template> <div> <vxe-radio-group v-model="gridOptions ...
vxe-table 实现按回车键自动新增一行
在开发可编辑表格是，客户提了一个需求，默认情况下回车键是自动跳转下一行，当处于最后一行时，按下回车键需要自动新增一行。并将光标移动到新的行，实现也是非常简单的，vxe-table 新版本是支持这个功能的。 回车自动换行功能是通过参数 keyboard-config.isLastEnterAppend ...
vxe-table 使用 vxe-upload 在表格中实现非常强大的粘贴上传图片和附件
看看 vxe-table 渲染器强大到什么地步；在开发需求中，经常会在表格列表中放入图片展示，例如头像、视频图片，附件列表等，但需要对表格批量操作是，会比较繁琐，那么有没有方便操作一点的放呢，肯定是有的； 配合 vxe-upload 上传；比如复制或者截图一张图片，通过粘贴方式快速粘贴到单元格中，能 ...
vxe-table 一键切换编辑模式、只读模式
vxe-table 可以编辑模式和只读模式的参数是 editConfig.enabled 当需要编辑时就启用，当不需要编辑时就关闭 官网：https://vxetable.cn/ <template> <div> <vxe-button status="primary" @click="toggle ...
qiankun 的 JS 沙箱隔离机制
Qiankun 目前提供三种 JS 隔离机制：SnapshotSandbox（快照沙箱）、LegacySandbox（单应用代理沙箱）和 ProxySandbox（多应用代理沙箱） ...
vxe-table 在 vxe-tabs 页签组件中使用表格
在 vxe-tabs 页签组件中使用 vxe-table 表格组件，自适应页签高度。 官网：https://vxetable.cn/ <template> <div> <vxe-tabs padding> <vxe-tab-pane title="页签1" name="1"> <vxe-grid v ...
获取剪切板的图片 -> File -> Base64 -> Blob -> url -> Image，以及它们之间的各种相互转换
写在开头 点赞 + 收藏 学会 一、获取剪切板的图片（拿到 File 对象） js粘贴事件paste简单解析及遇到的坑 - 云+社区 - 腾讯云 (tencent.com) document.addEventListener('paste', function(event) ...
vxe-table 列宽拖拽模式设置，自适应列宽，固定列宽
在使用 vxe-table 是，常用的列宽拖拽调整功能，通过列宽调整可以让用户灵活的自定义列宽。两种拖拽调整列宽模式分别用于不同场景。 动态列宽分配模式 调整列宽之后，对于未设置列宽的列会重新动态分配剩余宽度 <template> <div> <vxe-grid v-bind="gridOption ...
qiankun 的 CSS 沙箱隔离机制
Qiankun 提供了三种 CSS 隔离机制：动态样式隔离、影子DOM 沙箱和作用域沙箱，以实现主应用和子应用之间的样式隔离...... ...
面试官：来谈谈Vue3的provide和inject实现多级传递的原理
前言 没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘，其实他的源码非常简单，这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的。ps：本文中使用的Vue版本为3.5.13。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 看个d ...
【测试平台开发】一步步教你vue-cli创建项目学习教程
使用vue-cli创建Vue项目是一个相对简单且高效的过程。以下是一个详细的步骤指南，帮助你通过vue-cli创建Vue项目： 一、安装Node.js和npm Vue CLI依赖于Node.js环境和npm包管理器。因此，在创建Vue项目之前，你需要确保计算机上已安装Node.js和npm。 访问N ...