vxe

vxe-grid 利用dayjs提供的方法来格式化， 计算二个日期之间的年数/年龄

1、安装dayjspnpmadddayjsyarnadddayjsnpminstalldayjs2、导入importdayjsfrom'dayjs';3、vxe-grid列：exportconstUserColumns
花花鱼·2024-08-27 14:56

vue3 vxe-grid 列自动扩展的问题，设置了width，然后maxWidth设置将不会起作用。

1、先上个图，我们先看一下官网说明：这里说明一点：1）如果我们全部设置了width，每一列都有width，那么系统会自动按照width来布局，也就是说你设置多少就是多少，屏越大，就越不会铺满。2）如果我们设置了min-width及max-width，那么系统会根据这个来处理。3）如果我们设置了%，百分比的话，那会根据百分比来布局。这里让我们感觉到一点，百分比也是比较管用的。2、那我们现在布局就有好
花花鱼·2024-08-21 23:13

vxe-自定义排序图标与更改分辨率表格列内容正常显示

（2）vxe表格通过属性设置放大缩小更改分辨率后，表格列字段出现滚动条，现在需求是更改分辨率后表格列字段内容完全显示，且初始100%时表格列展示完全。
哟哟耶耶·2024-02-20 05:54

vxe-动态计算表格列宽度

1.场景在实际开发中，根据用户需要或者自定义表格编辑功能组件时候，就需要根据用户自定义选择的复选框数量，文字描述信息来进行动态的计算给对应的表格列进行计算对应的列宽并进行赋值。2.代码对应新列NewColumn(column){constnewColumn={title:column.label,align:'center',width:this.calculateWidth(column),da
哟哟耶耶·2024-02-20 05:24

vue中使用vxe-table插件的表格实现最后一行始终为空

需求：vue中引入vxe-table插件实现的表格需要保持表格最后一行始终为空值如下解决思路：深度监视表格数据当数据发生变化时判断最后一行数据的每个属性值是否为空或false如果不为空则给表格数据尾部添加一个同结构属性的空对象
李早晨_小前端·2024-02-13 17:59

【vue+vex-table】翻页保留复选框选中状态

1、项目中的vxe-table封装成了组件，方便复用，vxe-table主要用到这些，key可以换成row-id=“id”，我这里没用到>>2、组件是否封装不影响需求的实现，就是refs多点了一层3、有两种实现方式
春晓_春眠花落·2024-02-08 12:00

智慧云智能教育考试平台展示

*使用jdk1.8的新特性如:caffeine缓存,lambda表达式.1.2前端技术:*Vue*Vuex*Vxe-Table(文档地址：https://gitee.com/xuliangzhan_admin
barry200890·2024-02-06 12:15

vxeTable 手写复刻区域选择、复制粘贴、拖动柄

Vxe-table提供诸多功能：虚拟滚动、懒加载、快捷菜单、数据校验、树形
诛宵小或率宾归王·2024-02-05 01:14

vue启动vxe-table按需引入报 dependency was not found: * vxe-table/lib/vxe-table in ./src/plugins/vxeTable.js

因为项目被搁置了半年，之前在使用nvm安装nodejs新版本时，删除了搁置项目中的安装的依赖。今天重新安装依赖后重启时，无法启动，报：由于vxeTable.js是用于按需加载，在想是不是按需加载导致的问题。在重新删除依赖，重新安装依赖之后依然无法启动项目。去githubvxe-table上搜索下有没有人提这个问题，果然有人提了类似问题，说是babel-plugin-import版本导致的问题，删除
笨小孩丶·2024-02-03 19:09

vxe-table表格合并行和虚拟滚动冲突

项目一直用的vxe-table2.0版本，支持表格的虚拟滚动，最近要做表格合并行功能，虚拟滚动便失效了，强行虚拟滚动，合并行会有错行现象。
是茜茜啊啊·2024-01-31 17:48

vxe-table从2.0升级到3.0，vxe-table-plugin-virtual-tree虚拟滚动失效

问题：系统一直使用的vxe-table2.0，vxe-table2.0不支持树的虚拟滚动，为了解决这个问题，引入了vxe-table-plugin-virtual-tree插件，现在系统vxe-table
是茜茜啊啊·2024-01-31 17:48

vxe-table 表格过滤某一列的关键字查询，不需要调后端接口

先上效果图：方法：在vxe-table-column标签里面用一个卡槽写一个input标签日期然后table表格用2个数组存储。如果input框输入有值就走过滤的方法，否则直接取接口返回的数据。
IT博客技术分享·2024-01-31 17:47

vxe-table 虚拟树、树形表格的使用

vxe-table虚拟树、树形表格的使用如果开启虚拟树，只需要设置y-scroll.gt（纵向虚拟滚动，默认100）或x-scroll.gt（横向虚拟是滚动）transform自动将列表转换为树结构rowField
仰望.·2024-01-31 17:15

vxe-table3.0的表格树如何做深层查找，返回搜索关键字的树形结构

vxe-table2.0版本是提供深层查找功能的，因为他的数据源本身就是树形结构，所以深层查找查询出来也是树形结构。
是茜茜啊啊·2024-01-31 17:44

vxe-table

介绍API：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api
Mark_ZSQ·2024-01-28 16:41

vxe-table 分页 + 设置行颜色+合并列（vxe-grid）

1、效果图2、代码//html代码//js部分data(){return{loading:false,//分页tablePage:{total:0,currentPage:1,pageSize:10,align:'left',pageSizes:[10,20,50,100,200,500],layouts:['Sizes','PrevJump','PrevPage','Number','NextP
My&Liu·2024-01-24 06:14

vxe-table 单元格数字的精度切换、单元格内容宽度自适应（根据内容撑开）

数字的精度切换、单元格内容宽度自适应1、支持切换数字的精度2、单元格内容自适应，根据内容撑开1、支持切换数字的精度//1.表格绑定myAmount格式化函数data(){return{digits:2,//当前经度tableData:[],//表格数据};},//2.注册myAmount格式化函数，根据当前选择的精度位数，调用XEUtils的方法进行精度计算asynccreated(){VXETa
一朵野花压海棠·2024-01-21 12:27

音乐下载kgm格式如何转成mp3格式

链接:https://pan.baidu.com/s/123Vxe2
小小_扫地僧·2024-01-17 23:39

CND 仿工程化开发，尝试一下Vxe-table的入门使用

Vue3（三）CDN+ES6的import+工程化的目录结构https://www.jianshu.com/p/c454e8dd6dc2有网友问我，在这种方式下，如何使用vxe-table，其实和使用element-plus
自然框架·2024-01-17 07:59

使用ElementUI的el-tab+vxe-table表格+复选框选择

效果：功能：首先进来是全部清空的状态的点击左边选择不同项右边会实时发送接口获取数据填充表格复选的内容可以保留显示，比如A的1勾选后切换到B再切换回来A的1仍然是勾选状态说实话官网的setCheckboxRow方法我实现不了，这里就是纯蠢蠢的办法实现，在这里做个记录，能用咱就用着，有更好的办法就下次一定适用el-tabs来实现该样式,关键点是:checkbox-config="{checkField
一个大萝北·2024-01-16 17:13

vxe-table动态渲染列，刷新列宽

背景：使用vxe-table渲染表格，支持列选和拖拽列宽，并可按用户记忆，支持一键恢复默认列选、列宽，因此使用v-for动态渲染列。当点击一键恢复的时候，需要恢复成默认的列选及列宽。
six+seven·2024-01-15 00:10

vue表格插件vxe-table导出 excel

vxe-table默认支持导出CSV、HTML、XML、TXT格式的文件，不支持xlsx文件要想导出xlsx文件，需要使用vxe-table-plugin-export-xlsx依赖参考：https:/
半兽先生·2024-01-13 10:05

vxe-table插件

项目中需要实现如下树形表格，elementui的table组件并不能满足需求，此时可以使用vxe-table插件来实现vxe-table官网地址：https://vxetable.cn/v3/#/table
笑毅·2024-01-13 05:36

vxe-树形结构层级过多横向滚动条设置

一.问题在使用vxe-table中的树形结构的时候，如果树形结构的层级过多的话的会导致层级很深的层级，鼠标点击无法选中，对应的内容显示不完全。
哟哟耶耶·2024-01-10 20:12

vxe-基础表格2（表格，分页，操作按钮）

importVXETablefrom'vxe-table';exportdefault{name:'Design',data(){return{//新建visibleDesign:false,oks:false
哟哟耶耶·2024-01-10 20:11

前端表格使用vxe-table进行渲染，使用el-select进行选择合适的条件查询，且给el-select默认赋值及使用i18n进行翻译

前端表格使用vxe-table进行渲染，使用el-select进行选择合适的条件查询，且给el-select默认赋值及使用i18n进行翻译一、项目需求及项目实现一、项目需求及项目实现表格页面使用vxe-table
Vamp_Piece·2024-01-10 03:20

基于Elemnet-plus 封装的功能表格，基本囊括element-plus 官网表格的所有使用场景

前言这是一个多用途的基于element-plus封装的表格组件，基本上elemnet-plus官网涉及到的使用场景，都可以，而且使用上来说会简单许多，配置上类似与vxe-table的使用，下面逐一展示各种场景的使用方式
ZL随心·2024-01-03 13:37

vue最强table vxe-table 虚拟滚动列表 前端导出

vxe-table是一个功能强大的Vue表格组件，它支持虚拟滚动列表作为其核心功能之一。
一花一world·2023-12-31 09:02

vxe-table中怎么给某个单元格单独设置class名

上面展示的是页面效果，下面是具体的代码操作，可以新建一个vue文件看看这个效果能不能实现exportdefault{data(){return{allAlign:null,tableData:[{id:10001,name:'Test1',role:'Develop',sex:'Man',age:28,address:'testabc'},{id:10002,name:'Test2',role:'
_chang.·2023-12-31 00:52

vxe-form 表单中内嵌组件，添加表单校验，校验提示位置错乱

1.vxe-form表单中内嵌组件，添加表单校验，校验提示位置错乱。2.错误代码,EncoderInput自定义组件。3.通过在组件外层添加父元素在文档流中占用空间来解决
哟哟耶耶·2023-12-29 01:00

关于vxe-table的使用心得及扩展【表格虚拟滚动】(非插件版本)

文章目录概要示例动图使用方式1、普通表格启用虚拟滚动2、tree型数据启用虚拟滚动技术细节3、实现表格行、列拖拽(单行拖拽完美实现)4、实现表格行拖拽后，拖拽结果范围框选5、实现表格勾选右平移(多选)6、实现表格勾选左平移(多选)7、定义右键菜单功能：contextMenuClickEvent**功能包含**：-选中行向下插入一条空行：方法名为：_InsertRow-选中行向下插入剪贴板数据：方法
vue-202·2023-12-26 01:13

踩坑：vue表格插件vxe-table之导出 .xlsx 文件

vxe-table默认支持导出CSV、HTML、XML、TXT格式的文件，不支持xlsx文件要想导出xlsx文件，需要使用vxe-table-plugin-export-xlsx依赖参考：https:/
Greenhand_BN·2023-12-20 09:01

vxe-table 右键菜单+权限控制（v3）

1.menu-config是用于配置右键菜单的属性。通过menu-config属性，定义右键菜单的内容、显示方式和样式。通过menu-config属性配置了右键菜单，其中的options属性定义了右键菜单的选项。用户在表格中右键点击时，将会弹出包含这些选项的自定义右键菜单2.header-cell-menu是一个用于配置表头单元格菜单的属性。通过设置header-cell-menu属性为true来
哟哟耶耶·2023-12-17 17:10

element 弹窗在弹出后鼠标还可以点击页面其他元素

文章目录需求分析需求如下图所示，在点击弹出弹框后，支持鼠标可点击弹框外的其他地方可拖拽弹框弹出弹出后不可有遮挡弹出样式可自定义分析官网：https://vxetable.cn/v4/#/table/start/install安装vxe-table
博客zhu虎康·2023-12-04 14:28

vxe-table表格校验失败后保持可以编辑状态

vxe-table表格校验失败后保持可以编辑状态鼠标移出后可编辑状态消失在edit-config设置为autoClear:false鼠标移出继续保持可编辑状态双击其他行校验是否成功asyncactiveRowMethod
秋叶原的琴音·2023-12-03 16:34

Vxe-table使用技巧总结

最近项目中需要用到多层树table+checkbox勾选功能，选了一些组件，最终决定使用vxe-table。Vxe-table功能丰富、api也多。
hoaxxcj·2023-12-01 18:31

vxe表格行拖拽

安装第三方插件importSortablefrom'sortablejs可以跟后端商议表格添加seq顺序，按照循序排序secondInput调用修改接口api然后重新获取数据//在get请求之后使用nextTick使用constrowDrop=()=>{nextTick(()=>{letxTable2=planDataRef.value;letsortable=Sortable.create(xT
可雯的小宝贝儿·2023-11-30 22:18

[vxe-table] expandAll：true 当table数据更新后无法展开，只有第一次能展开才能生效的问题

:tree-config="{rowField:'id',parentField:'parentId',expandAll:true,reserve:true,}":row-config="{keyField:'id',isHover:true}"参考：vxetreeexpandAll：true当table数据更新后无法展开，只有第一次能展开才能生效的问题
533_·2023-11-26 11:13

[vxe-table] vxe-table-column配合v-if导致列样式与位置错乱

咨询工具//或者咨询工具给使用了v-if的列，加一个固定的key值，或循环渲染key即可；参考：vue+vxe-table中的vxe-table-column配合v-if导致列样式与位置错乱
533_·2023-11-26 11:43

vue3接口、数据懒加载,回滚不重复加载

背景：父组件为vxe-table构成的组件、子组件为table的某一列，这一列的数据通过接口返回，有多少条表格数据就会请求多少次接口，为了提升性能，所以采用接口懒加载，但是需要在回滚的时候不重复请求或者加载数据使用
₍•ʚ•₎呀呀·2023-11-24 11:53

vxe表格实现键盘上下左右方向键移动聚焦

vxe表格分为vxe-table一般表格和vxe-grid高级表格，两者之间的区别我就不说啦，我们来实现这两种表格用键盘按动上下左右方向键达到移动聚焦的效果。话不多说，上正文！！！
帅气的小骨·2023-11-20 06:20

Vue的高级表格组件库【vxe-table】

文章目录前言vxe-table官网实现表头拖拽树形表格全键盘操作后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：前端系列文章‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板
鋜斗·2023-11-14 14:32

Vxe table - 基于Vue的宝藏级 table 组件

文章目录前言一、Vxe-table功能点计划二，安装三，引入四，示例用法前言对于表格来说，也许我们会遇到一个需求就是表格中的单元格可编辑，如果我们使用的是ElementUI也许不太好办，因为官方没有可编辑的这个操作
骆骆爱学习·2023-11-12 22:59

vue表格插件vxe-table导出 .xlsx 文件

vxe-table默认支持导出CSV、HTML、XML、TXT格式的文件，不支持xlsx文件要想导出xlsx文件，需要使用vxe-table-plugin-export-xlsx依赖参考：https:/
伴梦123·2023-11-11 09:34

vxe-table同级节点拖拽排序

vxe-table同级节点排序功能实现问题排序代码问题vue项目中使用了vxe-table加载组织机构列表，列表是树形结构的，需要实现同级组织机构通过拖拽进行排序的功能，而vxe-table官网上拖拽排序的
ttsd_forever·2023-11-05 19:37

[vxe-table] 合并行后滚动错位

使用vxe-table的属性:span-method合并行，之后下拉后会错位原因：缺少配置scroll-y="{enabled:false}"参考：vxe-table合并行后错位
533_·2023-11-04 17:08

vue实现vxe-pulldown上下键选择功能

{{item.name}}—{{item.value}}.my-dropdown{height:200px;overflow:auto;border-radius:4px;border:1pxsolid#dcdfe6;background-color:#fff;}.list-item{height:35px;line-height:35px;padding:010px;}.list-item:ho
ZYJ~·2023-11-02 13:00

在内网网站中使用npm包

这里，以使用vue.js的vxe-table插件为例，说明如何下载、部署、使用npm包。首先，使用npminstall下载需要的包到本地，这里我
寻找无名的特质·2023-11-01 21:55

vxe-talbe单元格触发实时校验

vxe-talbe单元格触发实时校验两种设置方法如这篇博客的第三点所说传送门手动调用输入组件的change事件在cloumn上使用renderEdit配置(第一种还好理解，手动调用输入框的change事件
君子使物，不为物使·2023-11-01 13:03

vex-table for vue3的使用

安装npminstallxe-utilsvxe-table@next在main.js中导入import'xe-utils'importVXETablefrom'vxe-table'import'vxe-table
任钰·2023-10-30 15:19
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他