btter-scroll第一次进入也不不能滚动，刷新之后才能用

最新推荐文章于 2021-07-25 14:24:59 发布
最新推荐文章于 2021-07-25 14:24:59 发布
阅读量258 收藏 1
点赞数
分类专栏： 工作中遇到的问题 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42591581/article/details/115690761
版权
文章探讨了在Vue应用中遇到的组件渲染问题，指出在mounted生命周期钩子内进行实例化可能导致的问题。作者建议使用$nextTick仍无法解决时，可以尝试setTimeout作为替代方案，延迟执行以确保DOM更新。通过实例和代码示例，解释了如何正确处理组件渲染的时机，以避免常见问题。
摘要由CSDN通过智能技术生成

RT

需要在mounted里进行实例化，如果使用了$nextTick 还是有这个问题 可以换成 setTimeout（（）=>{},20）

这是作者写的一篇文章https://zhuanlan.zhihu.com/p/27407024

De_bugger
关注
专栏目录
better-scroll首次加载无法滚动----解决方案
m0_48397544的博客
10-08 470
修改创建对象的生命周期钩子 mounted() { this.scroll = new Bscroll(this.$refs.wrapper, { click: true }) }, 修改为 updated() { this.$nextTick(() => { this.scroll = new Bscroll(this.$refs.wrapper, { click: true }) }) } 问题出现原
为什么 BetterScroll 初始化不能滚动？
她还会来吗的博客
04-07 599
遇到的问题 当使用better-scroll插件进行滚动时,滑动页面,页面却不滚动或刷新后滚动 解决方法 官方给出的： BetterScroll 滚动原理是 content 元素的高度／宽度超过 wrapper 元素的高度／宽度。而且，如果你的 content 元素含有不固定尺寸的图片，你必须在图片加载完之后，调用 refresh() 方法来确保高度计算正确。还存在一种情况是页面存在表单元素，弹出键盘之后，将页面的视口高度压缩，导致 bs 不能正常工作，依然是调用 refresh() 方法 网上搜罗来的：
better-scroll 刷新后才能滚动的问题
Stars_in_rain的博客
08-17 1292
项目启动后不能直接实现滚动的效果，刷新后才能正常滚动。 我在better-scroll初始化的option中进行了如下配置： mouseWheel: true,//开启鼠标滚轮 disableMouse: false,//启用鼠标拖动 disableTouch: false//启用手指触摸 这样可以鼠标滑动，在鼠标滑动后就可以正常滚动了 参考文章：添加链接描述 ...
html滑动总是刷新,better-scroll刷新后才能滑动的解决方案
weixin_32323465的博客
06-07 397
使用cube-ui时鼠标滚轮无法使用,且老触发无法滑动的bug,我十分困惑,于是分析了scroll组件,发现better-scroll才是关键.于是我赶紧看了看better-scroll的文档.发现鼠标滚轮是可以开启的.开启之后终于可以愉快的使用鼠标滚轮了.mouseWheel: true,//开启鼠标滚轮使用better-scroll,在chrome浏览器测试代码,切换手机模拟器之后,就会出现刷...
vue项目之移动端better-scroll的使用
牛先森家的博客
07-25 405
vue项目之移动端better-scroll的使用vue项目之移动端better-scroll的使用 vue项目之移动端better-scroll的使用 封装better-scroll <template> <div class="wrapper" ref="wrapper"> <div> <slot></slot> </div> </div> </template> &lt
BScroll切换才能滚动，刷新一下就不能滚动
Dj_Fairy的博客
05-17 344
BScroll切换才能滚动，刷新一下就不能滚动，今天记录一下这个问题，是我自己遇到的，也是因为粗心的问题，就是引入ObserveDOM的时候将ObserveDOM 名字写错了，是下面这个： import ObserveDOM from '@better-scroll/observe-dom' ...
使用better-scroll时遇到已初始化但是页面无法滚动和点击的情况
何良语的博客
04-02 4635
这个情况是因为样式定义问题包裹滚动内容的外面一层盒子要比内容的高度高，高度正好是除掉头部高度剩下来到浏览器底部的高度scroll外面的盒子的高度可以如下定义：.wrapper-father{ position: fixed; top: 100px; //头部高度 bottom: 0; //必须设置，可以固定这个盒子在从头部到浏览器底部的高度 }scroll这一个盒子的高度：.wrapp...
完美解决betterScroll需要刷新才能正常下滑的问题
qq_42147034的博客
09-05 905
**产生原因：需要异步获取数据，content在被撑起之前scroll就已经创建， 解决思路： 1.了解父子组件各生命周期函数的执行顺序， 2. 了解scroll对象的创建时间和content的加载时间 可行方案： 1. 延迟创建scroll对象 （setTimeout） 2. 组件懒加载，在最后一个子组件加载完成后触发一个自定义时间，调用scroll对象的refresh()方法 const pt = ()=> import ("url") 链接： vue父子组件各生命周期执行顺序 .
已解决：element Table 滚动条首次进入不显示、偶尔切换页面后不显示，刷新当前页或改变窗口才显示
felicity_zll的博客
05-16 5734
记录一下在项目中遇到的问题，困扰了几天最终解决了。 一、问题：element Table 滚动条首次进入不显示、偶尔切换页面后不显示，刷新当前页或改变窗口才显示。 1、首次进入的效果 可以看到滚动条并没有渲染出来，但是刷新页面或者改变窗口大小。又会出现。 最后一点点查看DOM元素、发现了问题： 这是无滚动条首行最后一个单元格：； 这是又有滚动条首行最后一个单元格：； 然后再改下这个属性： 二、解决 直接在css中添加： //显示滚动条 /deep/ .el-table--scrolla
页面刷新disabled就无效了_v-infinite-scroll插件首次进入页面无效，刷新页面后可以上拉加载刷新如何解决？...
weixin_39870092的博客
12-22 671
<wv-group title="" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="50" style="padding:0"><ul><li v-for="(item,index) in boxdata" :key="item.ind...
wxxcx文档笔记——框架/事件/事件的捕获阶段
alary2012的博客
04-14 363
事件的捕获阶段 自基础库版本1.5.0起，触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前，且在捕获阶段中，事件到达节点的顺序与冒泡阶段恰好相反。需要在捕获阶段监听事件时，可以采用capture-bind、capture-catch关键字，后者将中断捕获阶段和取消冒泡阶段。 在下面的代码中，点击 inner view 会先后调用handleTap2、handleTap4、hand...
better-scroll滚动无效 几种原因
热门推荐
qiqi_77_的博客
02-24 4万+
首先附上better-scrooll的github地址：https://github.com/ustbhuangyi/better-scroll可以下载官方案例学习。本人也会将better-scroll小案例上传自己github，附上本人使用better-scroll制作页面的github地址：https://github.com/seven77Zhou/vue-online-shop一、DOM层...
最容易理解的 js事件冒泡原理
qq_40467180的博客
04-27 1389
前些时间有位大佬问到“js冒泡原理”，平时也只是用冒泡处理各种特效和功能，这里给大家详细介绍下js冒泡原理 事件冒泡自如其名 就是会逐层向上的触发，与之相对的是 事件捕获 首先我们要知道什么是DOM DOM可以理解为是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的顺序传播，路径所经过的节点都...
angular7中使用better-scroll实现滚动功能
yw00yw的博客
08-20 1356
地址 https://www.npmjs.com/package/better-scroll 安装 npm install better-scroll --save npm install better-scroll @types/better-scroll --save 使用要求 根据官方的文档可以看出，better-scroll对dom的结构是有要求的，最外层的wrapper那一层是需要固定...
CKeditor5 CKEditorError:ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated解决
qq_42591581的博客
09-07 7961
RT 我们在使用 ekeditor的时候根据业务需要可能会使用两种不同类型的editor，比如Classsic,document,inline…等等 然后就会报错 CKEditorError:ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated 官网对于这个报错也提出了2种解决方法 原因是因为代码重复度太高了。 如果要在一个页面上加载两个不同的编辑器，则需要确保它们是一起构建的（一次）。这可以通过至少两种方式来实现： 将C
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值