用户引导

创建 step

const steps = [
  {
    element: '.el-upload-dragger',
    popover: {
      title: '上传电子书',
      description: '点击上传本地的epub电子书',
      position: 'bottom'
    }
  },
  {
    element: '.form-item-author',
    popover: {
      title: '电子书信息',
      description: '电子书上传后会自动解析电子书的信息并填入表单，此时可以对电子书的信息进行编辑',
      position: 'top'
    }
  },
  {
    element: '.submit-btn',
    popover: {
      title: '提交信息',
      description: '将电子书的信息保存到数据库',
      position: 'left'
    }
  }
]

export default steps

引入 Driver

import Driver from 'driver.js'
import 'driver.js/dist/driver.min.css'
import steps from './steps'

创建 Driver

mounted() {
  this.driver = new Driver({
    nextBtnText: '下一个',
    prevBtnText: '上一个',
    closeBtnText: '关闭',
    doneBtnText: '完成'
  })
}

显示引导

showGuide() {
  this.driver.defineSteps(steps)
  this.driver.start()
}