Reactive src prop

[timyhac]

Is your feature request related to a problem? Please describe.
I need to dynamically change the data that is being viewed in this component. I would like the src property to be reactive.

Describe the solution you'd like
Set a watcher on the src property, which triggers a re-initialization of the component.

Describe alternatives you've considered
My current workaround is to set a :key property on the pdf component, and when updating the src data I also modify the key (by incrementing it).

Additional context
I am using TypeArrays to feed data to this component. My :src property looks something like this:

<pdf :src="pdfObject" :key="forceReRenderKey"></pdf>

computed: {
  pdfObject: function(){
    const attachmentIndex = <<<dynamic value>>>;
    const newDataObject = {
      data: new Uint8Array(this.$store.getters.attachments[attachmentIndex].content) // content is a TypedArray
    };
    this.forceReRenderKey++;
    return newDataObject;
  }
}

[morphace]

+1

[ramanangru]

+1

[floreasy]

Thanks +1

[inakineitor]

+1

[juan-carvajal]

Instant fix, thanks

[KrisHedges]

Just for posterity and others who may find this seeking help you can also use this dynamic key technique in the v-for usage like so...

    <pdf
      :src="pdfdata"
      v-for="i in numPages"
      :key="i + dynamicKey"
      :id="i"
      :page="i"
      @loading="loaded"
    />