Error in nextTick: "TypeError: Cannot read property '0' of undefined"

来源:17-6 better-scroll运用(1)

littlefire

2018-07-25

老师,你好。我用的是vue2.0版本,在使用better-scroll插件的时候出现如下错误:

[Vue warn]: Error in nextTick: "TypeError: Cannot read property '0' of undefined"

found in

---> <Goods> at src/components/goods/goods.vue

       <App> at src/App.vue

         <Root>

我已经按照vue2.0的语法来定义,应用和使用,代码如下:

<li v-for="item in goods" :key="item.id" class="menu-item" ref="menuWrapper">、

。。。。。。。。

<div class="foods-wrapper" ref="foodsWrapper">

。。。。。。。

<script type="text/ecmascript-6">

import BScroll from 'better-scroll'

created () {

    this.classMap = ['decrease', 'discount', 'special', 'invoice', 'guarantee']

    this.$http.get('/api/goods').then(response => {

      this.goods = response.body.data

      // console.log(this.goods)

      this.$nextTick(() => {

        this._initScroll()

      })

    }, response => {

    // error callback

    })

  },

  methods: {

    _initScroll () {

      this.meunScroll = new BScroll(this.$refs.menuWrapper, {})

      this.foodsScroll = new BScroll(this.$refs.foodsWrapper, {})

    }

  }

代码好像是没有出错的地方,请帮帮忙,谢谢

写回答

1回答

ustbhuangyi

2018-07-26

你根据这个报错去定位出错的地方,无非是执行 xxx[0] 的时候,xxx 是 undefined

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程