vue页面初始化时子组件如何根据父组件的传的值来执行逻辑？

Question

//逻辑是页面初始化时给子组件AudioPlay.vue传currentTime来实现从上次退出时间播放
//子组件 AudioPlay.vue 根据父组件传的currentTime来设置audio的播放时间
html
<template>
  <div>
    <audio :src="audioSrc" ref="audio"></audio>
  </div>
</template>

js
   props: {
    audioSrc: {
      type: String
    },
    currentTime: {
      type: String
    }
  },
  mounted () {
    this.$nextTick(() => {
      if(this.current_no > 1) {
        this.$refs.auido.currentTime = this.currentTime
      }
    })
  }

我这样实现，浏览器报错

是什么原因，如何解决？

Answer 1

你现在 组件内的mounted()里边 打印 audioSrc 和 currentTime 看能取到么，如果取都取不到 就别说操作了