Element Plus 相关

简介: Element Plus 相关

1.drawer里不能滚动 解决方案:

<el-drawer
      v-model="warehouseDrawer"
      custom-class="warehouse-drawer-wraper"
      title="已入库货品"
      size="640"
      :append-to-body="true"
    >
    <div class="fill">
      <DrawerWarehouse></DrawerWarehouse>
    <div>
</el-drawer>



//css
.fill {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.warehouse-drawer-wraper {
  .el-drawer {
    outline: none;

    &__body {
      height: 100%;
      overflow: hidden;
    }
  }
}

2.el-scrollbar组件判断滚动到底部 执行加载更多

<div class="scroll-view">
  <el-scrollbar @scroll="onScroll">
    <div class="scroll-body">
       <template v-for="(item, index) in resList" :key="item.id">
         
       </template>
    </div>
  </el-scrollbar>
</div>


const onScroll = (e) => {
  const el = document.getElementsByClassName('scroll-body')[0];
  const elView = document.getElementsByClassName('scroll-view')[0];
  if (el && elView) {
    const windowHeight = elView.clientHeight;
    const scrollTop = e.scrollTop;
    const bodyScrollHeight = el.scrollHeight;
    if (scrollTop + windowHeight >= bodyScrollHeight - 5) {
      loadMore();
    }
  }
};

后续会持续更新

目录
相关文章
|
JavaScript
element部分技巧总结
而v-if用来切换的元素是会被销毁的,导致了v-if内的表单项,由于在mounted时期没有进行渲染,所以规则也没有绑定上。初始化时不符合显示条件的不会生成规则,导致后面切换条件,显示的输入框的校验不会生效
|
10月前
|
存储 算法 对象存储
【C++11算法】minmax和minmax_element
【C++11算法】minmax和minmax_element
254 0
element-ui本地使用
element-ui本地使用
146 0
|
XML JavaScript 前端开发
你真的知道DOM吗(中)----(Document类型, Element类型)
你真的知道DOM吗(中)----(Document类型, Element类型)
131 0
|
Web App开发 JavaScript 前端开发
JQuery Object vs. DOM element
JQuery Object 和 DOM的区别 HTML DOM 定义了访问和操作HTML文档的标准方法。其中 document 是DOM 树的根对象 ,在浏览器宿主环境中,可以通过JS操作HTML DOM,例如: document.getElementById("intro").innerHTML; 如果将DOM element alert 出来,其显示为 [object H
1037 0
|
Java
Remove Element
Remove Element删掉指定的元素,并用后面的元素顶替空出来的位置;Remove ElementGiven an array and a value, remove all instances of that value in place and return the new length.
707 0
IEPNGFix:Unclickable children of element 解决办法
以前我有写过一篇关于让IE6支持png半透明图片的方法,这期间这一神器一直发挥了很大的作用,并且没有出现过什么差错,直到昨天。 昨天同事做的一个项目因为设计图的关系,所以实现起来用到了很多position定位的属性,这里就不细说为什么用到很多定位的属性了。
602 0
|
JavaScript 开发工具 IDE
jquery中dom元素的attr和prop方法的理解
一、背景   在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应用场景,什么时候使用attr方法更合适?什么时候使用prop方法更加方便?今天我就结合自己平常的使用来谈谈这些问题以及我个人的理解。
1135 0