vxe
  • 2024-06-04弹窗中的vxe-table的横向滚动条不灵敏
    问题:弹窗是基于el-dialog封装的,里面嵌套了vxe-table,开发过程中没发现不灵敏最近才发现切换点击详情弹窗时有时候点击空白点不中,拖中也拖动不了定位问题:1.可能是z-index层级问题造成了遮挡,F12调整层级没效果2.当F12调整时.el-scrollbar__bar.is-horizontal里面有个样式positi
  • 2024-06-01使用vxe-table组件,控制台报错:缺少必要的“{0}”参数,这可能会导致出现错误
    这是由于使用vxe表格,给列属性设置type="html"只需要开启存,需要启用column-config.useKey与row-config.useKey就可以了
  • 2024-05-25vxe-table静态字段加循环字段,静态字段最后一个跑到最后面了
    <vxe-tableborder:data="tableData"><vxe-columntype="seq"width="80"></vxe-column><vxe-columnfield="name"title="Name"width="200"></vxe-co
  • 2024-05-09el-table vxe-table 表格宽度拖拽
    <vxe-table   ref="table"   v-loading="listLoading"   :data="tableData"   border   stripe   :height="tableHeight"   :seq-config="{seqMethod}"   @resizable-change="res
  • 2024-05-08vxe-table 校验,根据行属性校验
    data(){  //element校验  constcheckTemplate=(rule,value,callback)=>{   if(this._.isEmpty(value)){    returncallback(newError('单据模板不能为空'))   }   callback()  }  //vxe-table校验   cons
  • 2024-05-06关于vxe-table复选框翻页选中问题及解决
    vxe-table复选框翻页选中问题根据vxe-table官方文档,想要保留勾选中的数据,我们的代码中需要设置“row-id”和:checkbox-config中的“reserve”属性。简单写下html部分:12345678<vxe-grid    row-id="id"    :checkbox-config="{labelField:'',hi
  • 2024-04-30vxe-table,设置某列不显示时,表头表体对应错乱,添加一行,定位到当前行
    key值原先绑定的是索引,应该绑strfield refreshTable(){this.tableKey= Math.random()}//添加一行<vxe-table     ref="table"     :key="tableKey">methods:{//滚动到左侧this.tableKey=+newDate()setTimeout(()=>{     
  • 2024-01-17vxe-column 表头顺序:数据中改变后,但视图位置不更新
    问题在左树右表的页面中,左侧点击不同的节点,右侧表头会改变。但在某些情况下,数据中表头顺序改变了,但视图中表头位置却没变。如下图所示:尝试数据变了但视图未更新,猜测是vue更新机制导致的,于是把表头数组的赋值改为$set,无效;猜测是右侧表格组件复用导致数据未更新,(但其实vue-de
  • 2023-11-22vxe-table 高亮第一行
    官网给的事例是这样的: 上面是高亮第一行。 加载完成后,高亮第一行数据。VxeBasicTable中是这样处理:...constdata=awaitgetDataFromServer(params);setTimeout(()=>{//高亮第一行let$table=tableRef.value;if($t
  • 2023-11-22vxe-gird前端日期段查询,通过手工sql是有数据,但是在前端无数据。
    前端查询的时候,日期是返回这种数组:["2023-11-0120:00:00","2023-11-0220:00:00"]1、那么有二种方式,一直是直接传给服务端,由服务端去处理。@RequestParam(value="createDate[]",required=false)String[]createDates用这种形式放到controller的参数列表里就可以。2、
  • 2023-11-20vxe-table 显示/隐藏列
    有这样一个需求:勾选了库存按钮,就要显示库存,不勾选,那么就不显示库存列。 那么就用到显示/隐藏相应的列的功能。let$table=tableRef.value;if($table){letfield_name='kc';letcolumns=$table.getColumns();--可视列
  • 2023-11-01vxe-table树状表格的实现(v3.5.9)
    这段时间改造了一个报表,需要在之前的基础上添加一个分类的维度,之前的报表样子找不到了,应该是用a-table写的普通表格,现在前端表格统一转到vxe-table上去了,记录一下开发树形表格过程中的坑。<vxe-tableborderid="xTable1"ref="xTable1"class="xTable1":column-con
  • 2023-09-06vxe-table 的 setActiveRow() 无效
    问题vxe-table的setActiveRow(row)方法无效。解决检查之后发现,vxe-column上忘记写:edit-render="{}。因为#edit="{row}"插槽必须要写:edit-render="{}
  • 2023-09-06vxe-table 坑:可编辑表格表头不显示编辑图标
    问题"vxe-table":"^3.5.9",官方文档默认显示编辑图标。但实际上没有显示。给vex-table的edit-config添加showIcon:true,也不生效。设置icon也不生效。替代方案给vxe-column设置插槽<template#default="{row}"></template>,内部显示内容添加icon。新的问题插
  • 2023-08-17vxe-table合并行后错位
    使用vxe-table的属性:span-method合并行,之后下拉后会错位   原因:缺少配置:scroll-y="{enabled:false}" 
  • 2023-08-14可编辑表格
    <template><div><divclass="table-wrap"><divclass="title-wrap"><span>{{name}}</span><span@mouseenter="changeFlag"@mouseleave="changeFlag"&g
  • 2023-07-26vxe-table 分页后序号连续
    需求使用vxe-table分页后,序号连续。比如每页显示10条数据,点击第2页,序号从11起算。问题依照官网vxe-table-序号修改后,出现两个问题:分页后序号还是不连续;点击第2页,虽然显示的是第2页的数据,但是分页区域的当前页还是1。methods:{/*自定义序号显示*/
  • 2023-06-06直播系统搭建,编辑下拉框、日期时,会层级不够有遮蒙层问题
    直播系统搭建,编辑下拉框、日期时,会层级不够有遮蒙层问题加样式代码如下(示例):  下拉框的样式: .vxe-select--panel{  z-index:9997!important; }​日期的样式: .vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--week,.vx
  • 2023-05-11vue2 对vxe-table组件二次封装并全局引入
    要求新组件的写法要和旧组件保持一致,那么保留原本的插槽,属性,方法写法如下,以vxe-table为例组件封装<template><vxe-gridref="vxeGrid"v-bind="$attrs"v-on="$listeners"@filter-change="filterChange"><templatev-for="slotinslots
  • 2023-04-20如何快速实现table固定第一行
    固定列这个需求在项目中经常遇到,但是固定行这个需求还是大姑娘上轿——头一回。关于vxe-table这个插件就不过多介绍了,感兴趣的可以自行搜索。刚开始看到这个需求的时候,第一想法是插件文档上有没有类似于和固定列一样设置个fixed参数就能解决问题,翻开文档一看,果然,没有这个属性
  • 2023-01-31vxe-table 弹框之中日期 和 下拉框 被遮挡
    业务开发中发现编辑表格中的下拉框和日期被遮挡如下图  解决方法1、select增加下拉框z-index层架+官方提供的-slect上加上-:transfer="true".vxe-table--
  • 2022-11-24vxe-table接口动态数据赋值后不能自动展开的bug
    知道你来看,肯定是遇到这个bug了,先上答案。vxe-table出来多久我没去看,但是他更新的挺快,功能确实强大,但是bug也是真多哈。按照官网的api,只要调用reload方法重新加载就行,但
  • 2022-10-28vxe-table表格数据为空,表头右侧出现了空白区
    需求:没有body(.vxe-table--body-wrapper)的表格(仅展示表头)1、如果直接将表格.vxe-table--body-wrapper设置为display:none;表头则无法撑开宽度百分比  2、将.vxe-tab
  • 2022-09-05vxe-table行内编辑校验
    1、在vxe-table中属性设置:edit-rules="validRules"2、定义validRules,根据其他字段的条件判断用了校验该字段validRules:{emgMoney:[
  • 2022-08-19vue cli3 如何配置babel.config.js 可以按需引用多个不同的组件库
    module.exports={  presets:['@vue/app'],  plugins:[    ['import',      {        libraryName:'ant-design-v