Skip to content

Tour ​

The Tour component is used to create interactive user guidance processes, highlighting specific elements on the page and providing corresponding explanations.

Basic Usage ​

The guidance process is created using the OlTourProvider and OlTourStep components.

Attributes ​

OlTourProvider Attributes ​

AttributeDescriptionTypeDefault
activeWhether to display the guidebooleanfalse
v-model:activeTwo-way binding for the display state of the guidebooleanfalse

OlTourStep Attributes ​

AttributeDescriptionTypeDefault
indexStep index (required)string | number-
titleStep titlestring''
descriptionStep descriptionstring''