1.0.2 • Published 4 years ago

vue-tourguide v1.0.2

Weekly downloads
4
License
MIT
Repository
github
Last release
4 years ago
Demo
  • Demo

🚀 Installation

npm install vue-tourguide --save
Introducing 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"
})
ParametersType'sDefaultRequiredDescription
elementsArraynullRequiredElements that need to be highlighted may need to be passed in the nextTick
displayPositionStringleft-downOptionaldescribe the location of the text display,include "left-down","left-top","right-down","right-top"
axisTypeStringyOptionalhow to show the arrow,include "x","y"
descStringnullRequiredwizard text
maxWidthStringnullOptionalthe maximum length of the description text.if it exceeds the length,it willwrap
idStringnullOptionalused to bind key values to reduce repeated rendering
event
ParametersDescription
closeTourclose wizard callback