Comments (1)
v-intro-autostart.config
works only when autostart: true
. You have it disabled.
There are 2 options of starting intojs:
a). configure and start manually (just like you implemented it)
b). autostart the guide on page load (perhaps, what you have intended to have)
When you go with "a" you have to: define steps and hints via directives, then start the intro via this.$intro(configObject).start();
. the configObject
configures introjs.
When you use plan "b", then plan "a" does not work as at initialization is done asynchronously (some steps\hints may be delayed (eg. via router or loaded by ajax)) and not available at moment of introjs initialization. The plugin waits the page to complete the load and then starts the show internally.
In order to configure this particular instance of introjs the directrive v-intro-autostart.config
was configured (it is also stated in it's name).
In order to fix your issues you can:
Either set autostart: true
or pass desired config to this.$intro(config).start();
from vue-introjs.
Related Issues (20)
- This dependency was not found HOT 2
- Why this.$intro().setOptions() doesn't work? HOT 1
- ie9 support
- Unable to listen to any of the events HOT 1
- Error in mounted hook: "ReferenceError: introJs is not defined" HOT 9
- Question: onComplete
- I recommend you to write in bold that it is necessary to install intro.js
- Cannot read property 'setAttribute' of null HOT 1
- how to hear the callback onComplete in vue? HOT 1
- I need attribute like exitOnOverlayClick to forbid click mask exit those step HOT 1
- options hideNext not work HOT 1
- Nested Components HOT 2
- introjs triggers tour on completely different view HOT 1
- How do you use your intro to boot between different components in vue?
- Add document on how to use this library in jest unit tests
- add update hook to vue-intro directive
- Adding steps with .addSteps HOT 4
- CSS directive for helperNumberLayer
- Browse to another page? HOT 1
- hints don't work at all
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-introjs.