- 博客(3)
- 收藏
- 关注
RSS订阅原创 自定义指令解决elementUI中table组件的column设置fixed属性后，滚动时表格无法对齐的问题
问题： el-table组件中，column在设置了fixed属性的情况下下，垂直滚动会出现表格错位的问题。分析： column在设置了fixed=“left”或fixed=“right”后，在table的对应位置增加了对应个数的column，它们都被设置为position: fixed。下面的table只是被固定的column遮盖，当垂直方向有滚动事件时，两侧固定column会动态计算滚动高度。但是实际使用中计算的时候会受头部样式或padding的影响而计算出错，导致出现表格错位的问题。
2023-03-25 21:24:57
2378
原创 vue自定义指令结合scroll实现图片的懒加载
我们在项目开发的过程中，卡片是经常使用的视图模式。如果卡片图片过多，请求图片过多就会影响整个dom的渲染速度，特别是带有pageSize比较大的视图模式。我们可以使用vue自定义指令结合scroll事件进行图片的懒加载。directives: { lazy: { // 元素初次加载 inserted: function (el, binding, vnode) { let contentClient = vnode.getBoundingClientR..
2021-11-15 23:47:27
722
原创 Ant Design Vue中怎么更换上表格thead 上的小图标
#Ant Design Vue中怎么更换上表格thead 上的小图标##我们在使用Ant Design Vue的表格组件要实现筛选、排序效果，例如：<template> <a-table :columns="columns" :rowKey="record => record.login.uuid" :dataSource="data" ...
2019-11-02 16:42:01
3133
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人