search

cube-ui / question-answer

Q&A for cube-ui
16 stars 7 forks source link

手机端 cube-dialog 中使用 better-scorll 无法滚动 #68

Closed chenshuyan9632 closed 5 years ago

chenshuyan9632 commented 5 years ago

code

<cube-dialog ref="dialog" title="xxx" :confirmBtn="{ text: '我同意', active: true, href: 'javascript:;' }" :showClose=true @confirm="dialogConfirm">
   <div slot="content" class="protocolDialog">
       <cube-scroll ref="scroll">
          <protocol :dialogData='dialogData'></protocol>
       </cube-scroll>
   </div>
</cube-dialog>

实际效果图

image

目前解决办法

加入一个无效标签，弹窗的时候隐藏掉，重新渲染。请问有没有优雅的解决办法

dolymood commented 5 years ago

无法滚动的原因应该是因为 dialog 默认隐藏的， scroll在初始化的时候 获取到的高度是0，所以不能滚动

可以展示的时候 refresh