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中的命名一致即可，不要用横线，驼峰写法也可以

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

 

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