Don't work with component props

[paulocoutinhox]

Hi,

Im trying set interval dynamically from props:

props: {
    interval: {
      type: Number,
      default: 10000
    }
},
timers: {
    getRemoteData: {
      time: this.interval,
      autostart: true,
      repeat: true,
      immediate: true
    }
},

But the timer is firing with interval infinite. If i change "this.interval" to "10000" it work normally.

Can anyone help me?

Thanks.

[masongzhi]

you can use watch

watch: {
  interval(val) {
    this.$timers.getRemoteData.time = val;
  }
}

[paulocoutinhox]

I tried, but don't work. It fire the request each second:

  props: {
    interval: {
      type: Number,
      default: 10000
    }
  },
  timers: {
    getRemoteData: {
      autostart: true,
      repeat: true,
      immediate: true
    }
  },
  watch: {
    interval(val) {
      this.$timers.getRemoteData.time = val;
    }
  },

:(

[masongzhi]

oh I'm sorry, I have a wrongly written

this will be right

watch: {
  interval(val) {
    this.timers.getRemoteData.time = val;
    this.$timer.restart('getRemoteData');
  }
}

[jordanmarshall12]

I am having issues with component props as well.

props: ["name", "location", "delay"], timers: { animateStat: { time: this.delay, autostart: false, repeat: false } }

This is giving me a console error of Uncaught TypeError: Cannot read property 'delay' of undefined