1.0.2 • Published 5 years ago
Share package Demo 🚀 Installation npm install vue-tourguide --saveIntroducing plugins import Vue from 'vue'
import App from './App.vue'
import vueTourguide from 'vue-tourguide'
Vue.use(vueTourguide)
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')Using in .vue <tourguide :tourConfigList="tourConfigList" :show="show" @closeTour="closeTour"></tourguide>tourConfigList detail this.tourConfigList.push( {
displayPosition: "left-top",
elements: [this.$refs.light],
axisType: "x",
desc: "this is a title",
maxWidth: 200,
id: "this is a title"
})Parameters Type's Default Required Description elements Array nullRequired Elements that need to be highlighted may need to be passed in the nextTick displayPosition String left-downOptional describe the location of the text display,include "left-down","left-top","right-down","right-top" axisType String yOptional how to show the arrow,include "x","y" desc String nullRequired wizard text maxWidth String nullOptional the maximum length of the description text.if it exceeds the length,it willwrap id String nullOptional used to bind key values to reduce repeated rendering
event Parameters Description closeTour close wizard callback