vue子组件获取参数的问题

Question

比如传给子组件的item参数值是0 但是子组件视图会报错Cannot read property 'info' of undefined"
如果把计算属性里面的[this.index]改成[0]的话可以正常渲染视图 但是下面这样写就不行 各个生命周期都试了 都不行怎么办

<template>
  <div>
    {{data.info}}  </div></template>

import { mapState } from 'vuex'data () {    return {
      index: ''
    }
},
computed: {
    ...mapState({      data: state => state.userList[this.index]
    })
},
created () {    this.index = this.$route.query.item
},

Answer 1

你初始化时的index=''，computed中的this.index为''，返回的data值时undefined，mounted之后index才改变