vue 使用BetterScroll报错 Cannot read property 'children' of undefined

最近笔者在学习大神的教学视频vue模仿饿了么APP,其中碰到一个问题就是,因为大神用的是vue1的某个版本,而我用的是vue2.0以上的版本,所以在视频中使用了better-scroll无法滚动的问题,笔者查询了许多资料,下面给出解决方案

1.如下代码:因为.v-ref、v-el 弃用 统一使用ref属性为元素或组件添加标记,然后通过this.$refs获取。$els 是用来获取元素DOM对象,这个也废弃不用,$refs可以起到替代性作用。所以直接在需要操控dom的元素上写明ref="xxx",注意这里menuwrapper和foodswrapper的写法,其实就是保证html中的命名和vue的script中的命名一致即可,不要用横线,驼峰写法也可以

vue 使用BetterScroll报错 Cannot read property 'children' of undefined

2.在使用betterscrool初始化的时候,使用$refs,注意这里menuwrapper和foodswrapper的写法

vue 使用BetterScroll报错 Cannot read property 'children' of undefined vue 使用BetterScroll报错 Cannot read property 'children' of undefined

以上就是笔者的解决方案,如果能帮到大家,希望能给一个赞哦 !