项目中使用better-scroll实现移动端滚动，报错：Cannot read property 'children' of undefined better-scroll...

最新推荐文章于 2022-05-03 19:04:30 发布
最新推荐文章于 2022-05-03 19:04:30 发布
阅读量716 收藏
点赞数
原文链接：http://www.cnblogs.com/learnings/p/8944593.html
版权

就是外面的盒子和要滚动的元素之间要有一层div，

插件挂载的元素是menuWrapper,可以滚动的元素是ul,在这两个元素之间加一个div元素即可解决问题。

转载于:https://www.cnblogs.com/learnings/p/8944593.html

weixin_30326745
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 指令函数的简写形式
mqingo的博客
01-07 4785
  10指令函数的简写形式.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
web前端不用怕，外卖平台的项目开发流程，大全！！
weixin_53000915的博客
03-06 3131
项目开发流程 1. 创建客户端项目 1.1 使用 vue-cli(脚手架)搭建项目 #在Github新建Vue-MintShop项目,然后clone到本地 git clone git@github.com:W-Qing/Vue-MintShop.git cd Vue-MintShop #创建客户端项目 vue init webpack mintshop-client cd mintshop-client npm install npm run dev 访问: localhost:8080 1.2 项目结构
[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll [Vue warn]: Error in mounted hook
katydids的博客
11-09 3919
在使用better-scroll的时候遇到过的错误之一 [BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘children’ of undefined” 明明已经了DOM节点，为...
学习笔记：做实验时遇到的小问题，外层的循环i累加无法对其包裹的事件绑定函数起作用，报错：Cannot read property ‘children‘ of undefined
m0_63266572的博客
05-03 528
var mo = document.getElementsByClassName('mo'); //获取对象节点数组 for(var i = 0;i<4;i++) { mo[i].onmouseover=function(){mo[i].children[1].style.display='block';} } 这是原来的代码，目的在于给mo数组对象的第2个children节点改变样式；但是运行时却报错为： Cannot read prope...
vue 使用BetterScroll报错 Cannot read property 'children' of undefined
Infatuationer的博客
04-04 3660
最近笔者在学习大神的教学视频vue模仿饿了么APP，其中碰到一个问题就是，因为大神用的是vue1的某个版本，而我用的是vue2.0以上的版本，所以在视频中使用了better-scroll无法滚动的问题，笔者查询了许多资料，下面给出解决方案 1.如下代码：因为.v-ref、v-el 弃用 统一使用ref属性为元素或组件添加标记，然后通过this.$refs获取。$els 是用来获取元素DOM对象，...
使用Better-Scroll遇到的坑
q879936814的博客
04-28 2404
让绝对定位失效：之前做好的吸顶，用了position：sticky，但引入better-scroll就失效了，因为fixed定位的元素，如果父级有transform样式，值不为none，那么fixed定位就会失效，scale(),rotate()都会使fixed定位失效。这里使用offsetTop来获取滚动的高度，设计好滚到多少开始吸顶 引入bs之后要注意设置高度，wrapper一定要比内容高度...
vue使用better-scroll插件，报错
weixin_30470857的博客
11-07 201
下面是报错 总的不会报错，注意细节。div中的foodswraper没加引号 转载于:https://www.cnblogs.com/jieshan/p/9921675.html
vue2.0+仿饿了么项目遇到的一些问题
weixin_45585103的博客
03-27 1032
vue2.0+仿饿了么项目遇到的一些问题 前言： 这是学习了黄轶老师的视频改的2.0版本。作为一个新手来说，中间遇到了很多的问题，多亏了网上也有遇到同样问题的小伙伴们的提问和解答，才能成功让我写完了这个项目。这里记录一些我遇到的一些问题，希望可以帮助到有同样困惑的小伙伴。其中还有一些问题是未解决的，希望得幸能让大神看到，提供您宝贵的建议，包括一些已解决问题可能说错的一些地方，也欢迎大家来指正。（可...
A002-185-2537-翁格婉（个人期末作业）
qq_33680482的博客
01-02 3366
Excel查找结合项目主题说明1.作业查词说明1.1第一次查词1.1.1Requirements baseline（需求基线）1.1.2Enterprise Architect（企业架构师）1.1.3Unified Modeling Language（ 统一建模语言）1.1.3Unified Modeling Language（ 统一建模语言）1.1.5Asynchronous Processes（异步进程）1.1.6association class（关联类）1.1.7behavioral model a
Vue 定义全局过滤器,时间格式化
mqingo的博客
01-04 1847
03品牌列表的全局过滤器.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.
Vue中使用better-scroll所遇到的若干问题
南乔几经秋、的博客
12-24 1万+
在vue中使用better-scroll
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层...
总结在使用better-scroll时所遇到的几个小问题
wkx8324183的博客
08-29 2000
首先在布局时父级只能单独包含better-scroll内容层 better-scroll内容层里点击效果不起作用，需要在调用实例时添加click参数，值为ture 在滑动到一定高度时增加内容，继续滑动会出现卡顿现象？这是因为高度发生变化，better-scroll需要重新统计高度。 better-scroll需要设置高度 后续遇到其他问题会继续补充。 ...
使用better-scroll实现滚动菜单时，出现报错“Failed to resolve directive: el”解决方案。
SilenceJude的博客
09-01 5937
错误详情： 使用better-scroll实现滚动菜单时，报错“Failed to resolve directive: el”。 错误原因： 这是因为v-el在vue2.x以后被淘汰。使用新的标签ref替换v-el，下面是修改的方法。 解决方案： 升级前使用v-el的代码： &amp;amp;lt;div class=&amp;quot;menu-wrapper&amp;quot; v-el:menu-wrapper&amp;amp;gt...
better-scroll使用的坑与心得
weixin_42349568的博客
10-22 2701
今天第一次使用better-scroll，折腾了两个小时，滚动效果始终不行。 先上官网地址：https://github.com/ustbhuangyi/better-scroll 一，滚动失效原因 1，先确认安装了better-scroll，并且成功引入： 确认安装： 引入：值得注意的是官网中这个“BScroll”前两个字母是大写的，后续要统一，很多文章中的代码只有B是大写。 import BScroll from '@better-scroll/core' 2，保证滚动的html结构正确 官网的结构
解决TypeError:Cannot read property ‘offsetWidth‘ of undefined
m0_50278775的博客
03-21 4612
首先看一下我项目的需求，红框这里有很多种类，可以滑动查看，然后当上一个页面点击哪个进来的时候，这里就高亮显示哪个。 项目是vue写的，没看到有什么好用的插件，百度看到下面的写法，我高兴的拿过来用了。 start(index, item) { /** * 1)先让选中的元素滚到可视区域的最左边 scrollLeft * 2)接着向右移动容器一半的距离 containWidth / 2 * 3)最后向左移动item一半的距离 offsetWidt.
iscrll.js ，新手入门，学习笔记。
wocaonima332的博客
06-30 2055
1,、下载iscroll.js              一定要 在官网http://iscrolljs.com/下载， · ·· 我就遇到一个很奇葩的问题，导致初始化失败，一开始没往插件问题方面想。 因为querySelect or是javascrip的方法，按理说没问题，搞了半天，问了大神，大神也说不知道，可能是插件有问题。
TypeError: Cannot read property 'children' of undefined 出现这样的报错
xiaojun_xie的博客
02-18 4345
TypeError: Cannot read property ‘children’ of undefined vue项目 element组件忘记加一个给新增加的数据是根据项目类型加载的不一样会显示，使用了v-show 后报错 ‘children’ of undefined 后使用v-if报错解决，因使用v-show还是会加载空数据，返回数据undefined 即可报错 自我记录，谨记...
解决dataTable 报错：cannot read property “style“ of undefined
愿我如星君如月 ... 夜夜流光相皎洁 ...
08-16 1万+
其实这错，我之前也遇到过，只是太久了，没有记录下来， 今天看到群里朋友也遇到这个错误，于是记录一下，报错如图： 我之前遇到的原因是，表中列名字段和控制器中设置的属性名字不一致。 如图：roleDesc 属性一定要和后台代码取名一致。 jsp 页面： 后台代码： 今天看到群友的情况是后台传送的 json 格式不对，正确的格式一定要有
使用Vue和better-scroll实现移动端地震响应分析的字母索引导航
"使用Vue和better-scroll实现移动端字母索引导航功能，以及Abaqus进行三维框架地震响应分析的步骤" 在移动端应用开发中，为提升用户体验，常常会用到字母索引导航功能，尤其在列表项目众多且需要快速定位时。Vue.js...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值