Element-UI各种诡异bug

捡垃圾的小女孩

已于 2024-12-02 14:44:52 修改

阅读量253

点赞数 3

文章标签： bug

于 2024-06-26 13:59:04 首次发布

本文链接：https://blog.csdn.net/pickinguptrash/article/details/139987502

版权

1.select编辑回显成功但是没办法修改(注:vue2)

原因:：回显的数据是从后台接口得来，由于数据层次太多，导致render函数没有自动更新；需要手动强制刷新

解决：使用 @change = “$forceUpdate()” 强制刷新视图

<el-select multiple filterable clearable remote :remote-method="remoteMethod" placeholder="请选择" v-model="docInfo.columnId" v-el-select-loadmore="handleLoadmore" @change="$forceUpdate()">
   <el-option v-for="item in columns" :key="item.id"
         :label="item.title"
         :value="item.id">
    </el-option>
</el-select>

2.Scrollbar组件没有办法监听到滚动scroll操作(注:vue2)

需求是定位滚动到指定地方，监听滚动条，动态显示隐藏底部的层级组件，类似

百度百科的标签栏，但是用scrollbar包裹后发现 this.$refs.scroll.addEventListener('scroll', this.handleScroll);监听不到当前滚动的位置，并且使用 this.$refs.scroll.scrollTo({ left: 0, top: flag.offsetTop, })也没有办法让滚动条滚动到指定位置，最后没有办法，用div代替了滚动条