element-ui el-scrollbar滚动条初始化不显示

当使用el-scrollbar的时候,比如你的数据列表是后端获取的,这时候,初始化的时候,因为数据还没有获取到,导致里面的内容没有撑开,所以滚动条是不显示的,但是可以正常滚动。

解决方法:

获取左侧菜单的数据时,

<div style=" height: calc(100vh - 120px);over-flow:hidden">

    <el-scrollbar style="height: 100%; width: 100%;" ref="scrollbar">

      <div v-if="validatenull(menu)"

           class="avue-sidebar--tip">{{$t('menuTip')}}</div>

      <el-menu unique-opened

              :default-active="nowTagValue"

              mode="vertical"

              :show-timeout="200"

              :collapse="keyCollapse">

                  <sidebar-item :menu="menu"

                  :screen="screen"

                  first

                  :props="website.menu.props"

                  :collapse="keyCollapse"></sidebar-item>

      </el-menu>

    </el-scrollbar>

    </div>

//解决滚动条初始化消失的问题--接口请求获取数据时

         this.$refs.scrollbar.update()

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值