![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vxe-table
文章平均质量分 71
IT博客技术分享
没有做不到的,只有想不到的!
展开
-
vxe-table 列表过滤踩坑
就是把 过滤的数组 filters:数组里面的 label 和value 的值, 都变成一致的 label 值。注意: 多选如果遇到,后台返回的只有lab值, 无 value 值的情况同单选的处理方法一样,就不写了。注意:这里是因为后端返回的 sex 的id 和 value 的id 能对上所以能实现过滤功能。但是这个过滤输入值必须是跟列表的值必须一致才能查到,没做到模糊查询的功能,根据。过滤一种分为2种,当前的过滤列的类型值确定的和不确定的,选择后去过滤,当前这里又阔以分为2种,单选和多选。原创 2023-06-09 11:53:25 · 4025 阅读 · 0 评论 -
vue elment-ui table组件滚动条位置 和vxe-table 的table组件滚动条位置
1. 先说elment-ui table组件滚动条位置element ui table 添加数据行后滚动条滚动到对应的行头或行尾问题滚动到第一行:this.$refs.table.bodyWrapper.scrollTop =0;滚动到最后一行:this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight;改成:this.$nextTick(() => { let scr原创 2021-11-25 10:50:34 · 7559 阅读 · 0 评论 -
vxe-table 使用过程中的bug,实时更新(置顶)
1. 由于vxeTable 使用了font-awesome字体图标, 但是官方文档没有详细告诉你怎么引入使用,所以很多小伙伴都找不到原因。解决办法:第一步安装依赖npm install font-awesome --save第二步引入依赖样式文件 在main.js文件中引入//引入font-awesomeimport 'font-awesome/css/font-awesome.css';使用: <vxe-button size="mini" status="su..原创 2021-05-17 14:37:31 · 9339 阅读 · 5 评论 -
vxe-table 表格过滤某一列的关键字查询,不需要调后端接口
先上效果图:方法:在vxe-table-column标签里面用一个卡槽写一个input 标签 <template v-slot:header="{ row }"> <div>日期</div> <input v-model="dateTime" type="type" placeholder="" @keyup="searchEvent" /> ...原创 2021-11-02 14:37:11 · 1694 阅读 · 0 评论