[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll [Vue warn]: Error in mounted hook

最新推荐文章于 2022-09-06 20:46:30 发布
最新推荐文章于 2022-09-06 20:46:30 发布
阅读量3.9k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/katydids/article/details/83904674
版权

在使用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节点，为什么还会报错呢？？？？
出错的原因很简单------------------------------>
你肯定使用了v-if
问题就出在v-if这里，将v-if改为v-show就行了，v-show会渲染它，但是不显示。或者将v-if 里再包一层div 将绑定的元素改为这个新加的div

katydids
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[BScroll warn]: Can not resolve the wrapper DOM.
Tochanges的博客
03-09 2005
在我们使用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 u...
[BScroll warn]: Can not resolve the wrapper DOM. 的解决
u013017173的博客
02-18 4422
维护项目时，遇到错误如下： [BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘children’ of undefined” 问题分析： BScroll 未获得到 DOM 解决办法： 1.找到使用BScroll 的地方， 项目中使用的如下： import BScroll from 'bsc
vue-better-scroll引用报错[BScroll warn]: Can not resolve the wrapper DOM.
小徐的博客
08-14 1624
在我用Vue的滚动插件better-scroll时，遇到了 [BScroll warn]: Can not resolve the wrapper DOM.错误 原因： 我将new BScroll()写在了created()中，这个时候，DOM元素还没有被渲染出来 ，所以没有被better-scorll对象识别 解决方案： 将new BScroll()放入mounted()就行了，这个时候DOM元素就已经被挂载了 ...
[BScroll warn]: Can not resolve the wrapperDOM. .......
xueli_2017的博客
05-31 8231
用vue.js开发高仿饿了么项目时，在开发ratings组件时，用到了better-scroll，控制台报如下错误： 检查代码发现template中ref值用ratings-wrapper这种写法不行，改成驼峰写法后还是不行，然后就发现template中和js中ref值有一个写错了，多了一个r，啊啊啊！！！ ref值用驼峰写法!!!仔细检查ref值的单词拼写是否正确且一致！！！ <div c...
vue 使用BetterScroll报错 Cannot read property 'children' of undefined
Infatuationer的博客
04-04 3631
最近笔者在学习大神的教学视频vue模仿饿了么APP，其中碰到一个问题就是，因为大神用的是vue1的某个版本，而我用的是vue2.0以上的版本，所以在视频中使用了better-scroll无法滚动的问题，笔者查询了许多资料，下面给出解决方案 1.如下代码：因为.v-ref、v-el 弃用 统一使用ref属性为元素或组件添加标记，然后通过this.$refs获取。$els 是用来获取元素DOM对象，...
vue使用better-scroll实现菜单列表左右联动
07-13
在 Vue 中集成 Better-Scroll，我们通常会在组件的 `mounted` 生命周期钩子中初始化它，确保 DOM 已经加载完成。例如： ```javascript <div ref="wrapper"> <!-- 菜单列表内容 --> import BScroll from '@...
vue better-scroll插件使用详解
08-28
在使用better-scroll时，需要获取DOM对象，例如：<div v-el:food-wrapper>，然后使用Vue获取DOM对象的方法this.$els.foodWrapper。然而，在使用better-scroll时，需要注意Vue的数据更新是异步的，better-scroll无法...
详解 vue better-scroll滚动插件排坑
08-28
vue better-scroll 滚动插件详解 BetterScroll 是一款移动端滚动插件，它的强大之处是解决移动端（已支持 PC）各种滚动场景需求的插件。BetterScroll 的核心是借鉴的 iScroll 的实现，它的 API 设计基本兼容 ...
vue使用better-scroll实现滑动以及左右联动
10-15
在Vue.js应用中，我们可以利用Better Scroll库来实现滑动效果和左右联动功能。Better Scroll是一个强大的滚动插件，能够提供类似原生滚动的流畅体验，尤其适合移动端应用。以下是对如何在Vue项目中集成和使用Better ...
使用better-scroll
qq_36457584的博客
06-30 3747
一.使用1.npm install better-scroll --save2.goods_l和goods_r是容器，title和goods_item是内容3.js4.注意事项ref不要用a-b连名符号写如果html里面写ref = "goods-Wrapper"用this.$refs.goodsWrapper  或者  this.$refs.goods-Wrapper  或  this.$ref...
bscroll.min.js
11-21
这是一个很好的适配移动端webapp开发的滑动组件，支持pc端，具有良好的扩展性和兼容性，使用简单
快门软件(无任何插件版,内附注册方法及技巧).part1.rar
06-29
20080629更新快门软件(无插件版,内附注册技巧)由于上传不能大于10M所以用RAR分卷压缩成两个文件,下载两个文件后点击任意一个文件即可解压缩使用.
[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll
qq_43158436的博客
10-20 1万+
在用vue的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” 怎...
vue学习之better-scroll报错
King的博客
11-17 669
[BScroll warn]: Can not resolve the wrapper DOM. Vue better-scroll [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘children’ of undefined” 出现上述问题，只需要把v-if改成v-show即可。
better-scroll笔记
lyy_fighting的博客
01-09 605
better-scroll 来源：https://github.com/ustbhuangyi/better-scroll 使用说明：https://better-scroll.github.io/docs/en-US/ 操作案例 （学习coderwhy的vue框架ing） 演示代码在src/views/category/Category.vue 1.安装框架 1）npm install better-scroll --save 弹幕大佬说新版本很多bug，所以跟着老师安装的版本即可 npm install
前端报错 : Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘
热门推荐
weixin_64778225的博客
09-06 4万+
模块未找到:错误:无法解决../src/comporents/MyHeader' 在 'C:\Users\15718\Desktop\eight\src'错误原因是组件引入 App.vue/其他组件 时出错了,仔细检查引入的!我的就是components拼写错了,查了二十分钟才发现,唉.
Vue学习日记25
NLP工程化
01-11 434
1.animation-iteration-count属性 解析：animation-iteration-count属性定义动画的播放次数。 2.animation属性 解析：animation属性是一个简写属性，用于设置六个动画属性： [1]animation-name：规定需要绑定到选择器的keyframe名称。。 [2]animation-duration：规定完成动画所花费的时间，以秒或毫...
在vue中使用better-scroll
jaykeler的博客
04-28 1028
vue中使用better-scroll的一些注意点 一，安装 npm install better-scroll 二，引入 在需要使用better-scroll的组件中引入（js中） import BScroll from 'better-scroll' 三，使用 <1> 如果不是动态生成的标签，直接在在vue中实例化better-scroll let wrapper = t...
vue-better-scroll 配置
最新发布
06-02
vue-better-scroll 是一个基于 better-scroll 封装的 Vue.js 组件，可以实现一些滚动场景的需求。下面是一些常用的配置： 1. 在组件中引入 better-scroll：`import BScroll from 'better-scroll'` 2. 在组件中创建...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值