title: Bootstrap Vue b-toast will not trigger a second time
body: <p>I have an array of event messages which I want to display one at a time as pop-up messages which don't interfere too much with other things going on in my web app.</p>
  <p>I've found a nice component with Bootstrap Vue b-toast.</p>
  <p>The toast displays the 1st array element then, when the toast &quot;hidden&quot; event is detected, the array is &quot;shifted&quot; to remove the first event message.
  It should then redisplay the toast using the new first array element.</p>
  <p>However the second call to show the toast is being ignored.</p>
  <p>I've been working with a simple case:</p>
  <pre><code>&lt;div&gt;
    &lt;button v-on:click=&quot;displayEvents&quot;&gt;Display events&lt;/button&gt;
    &lt;b-toast id=&quot;event-toast&quot; static no-close-button auto-hide-delay=&quot;2000&quot;&gt;
      {{ events[0] }}
    &lt;/b-toast&gt;
  &lt;/div&gt;
  
  {
    data() {
      return {
        events: []
      }
    },
    methods: {
      displayEvents() {
        this.events.push(&quot;Event 1&quot;);
        this.events.push(&quot;Event 2&quot;);
        if (this.events.length &gt;= 1) {
          console.log('Show 1st toast - events now: ' + this.events);
          this.$bvToast.show('event-toast');
          // this.$root.$emit('bv::show::toast','event-toast')
        }
        this.$root.$on('bv::toast:hidden', bvEvent =&gt; {
          if (bvEvent.componentId == 'event-toast') {
            this.events.shift();  // Remove first element as it has now expired
            console.log('removed first element - events now: ' + this.events);
            if (this.events.length &gt; 0) {
              console.log('Display next event');
              this.$nextTick(() =&gt; { 
                this.$bvToast.show('event-toast');
              })
              // this.$root.$emit('bv::show::toast','event-toast') 
            }
          }
        });
      }
    }
  }
  </code></pre>
  <p>The console logging indicates that it is hitting the correct code to trigger the toast, which uses the same method to trigger it second time which is working first time.</p>
  <p>I've also tried the &quot;emit&quot; method of triggering the toasts (currently commented out).</p>
  <p>Any ideas what the problem might be?  Have I made an error in the coding, or have I found a bug in Bootstrap Vue?</p>
  <p>Thanks in advance!</p>