Change the popover target dynamically

I am trying to change the target of the popover dynamically, like, I have 5 targets in the template and I want to display the popover where ever I click, for that, I want to change the target onClick. Seems my target value is changing onClick but that doesn’t affect and no popover showing the new target. My sample codes as below, am I missing something? or it’s known issue.

data () {
    return {
      targetZone: 'exPopover3'
    }
  },
  methods: {
    changeTarget(zone) {
      this.targetZone = zone;
    }
  }

template:

<b-btn id="exPopover2" variant="primary" @click="changeTarget('exPopover2')">Using properties</b-btn>
        <b-popover :target="targetZone"
            title="Prop Examples"
            triggers="hover focus"
            content="Embedding content using properties is easy">
        </b-popover>

[renaudham]

Hi. This should not be closed, the unability to retarget a popover to different targets one after the other is a huge perfomance issue. My example here

adding one different popover item for each avatar generate a very heavy and slow display.

Currently I played over by adding only one popover by row and just update the content, but the row’s popover remain centered on the whole row’s list of avatar… This is not a correct UI UX experience.

[Azuf]

This issue is still relevant. There are many cases where a dynamic target can be helpful or needed. I found stack overflow questions about this, none of them had correct answers and the number of views on each of them tells a lot about how much this feature is needed. This Stackoverflow question has over 3K views!! please consider re-opening this issue