Popover is not showing in highlighting element with vuejs

[junip]

I am using it with vue.js, the element is highlighted but popover is not shown
help me out maybe I am missing something

import * as Driver from 'driver.js';
import 'driver.js/dist/driver.min.css';

[kamranahmedse]

Could you please provide a plunkr?

[junip]

Please check it
plunker link

[ericgruby01]

Try:

startTour() {
  Vue.nextTick(function() {
    const driver = new Driver();
    driver.highlight({
      element: '#dashboard12',
      popover: {
        title: 'Title',
        description: 'Desc',
        position: 'right',
      }
    });
  });
}

This worked for me.

Reference: #Vue-nextTick.

[raphael22]

Same with angular.
This is not related to driverjs.
You will need wrapper for every Framework with their own Lifecycle.

[junip]

@ericgruby01 it is not working I have used Vue.nextTick()

[kamranahmedse]

@Junip551 you need to stop event propagation on click. Replace your button with below

<button v-on:click.stop="start()">Click Here</button>

Here is the modified plunkr.