使用mint-ui中遇到报错Error mounted in mounted hook:push of undefined.

用mint-ui中的index-section做了一个通讯录支持默认选中,多选,单选,展示详情的功能。做的过程中一直再控制台报红,虽然不影响功能,但是看着总是烦人啊。看下这个报错,是不心情瞬间不好了啊。没关系我们直接搞掉他就好了。

开始以为是我自己代码的问题,结果找了一个小时。方案从检查代码到

这个toggle方法中有用到push。然后我给这个方法用bind。结果没有什么卵用。最后看到报错的源点是index-section这个组件,这个是mint-ui的啊。之前一直没怀疑到mint会报错。那么去mint-ui源码看下吧。果不其然。看以下的代码截图

他直接操作了父组件中的属性。并且进行了push。虽然不知道本意在哪。那么解决方案也就来了。父组件加个sections属性。。。
总结起来,1:对vue中模版的渲染过程不了解,没有深入研究。导致了怀疑绑定方法时候联想bind浪费了时间,2:应该试着去打破自己的屏障,一直以来认为源码不会犯一些错误。这个心理应该去打破。我们要做到对自己用的东西最起码吧,很熟悉。甚至了如指掌。不管是框架还是源生js。加油。。。。

猜你喜欢

转载自www.cnblogs.com/hjdjs/p/9448782.html
今日推荐