vue使用driver.js引导页,在vue-element-admin项目汇中

1.引入依赖
yarn add driver.js -S
或者 npm install dirver.js -S

  1. 在utils文件夹下新建一个driver.js用于存提示信息


    image.png
  2. 在src下新建一个global文件夹用于存放全局函数和全局变量


    image.png
import Driver from 'driver.js'
import 'driver.js/dist/driver.min.css'
import Vue from 'vue'
Vue.prototype.$driver = new Driver()
exports.install = function(Vue, options) {
  Vue.prototype.text1 = function() {
    alert('执行成功1')
  }
}

4.在main.js中挂载到vue上


image.png

5.使用:在layout文件里使用


image.png

image.png

image.png
 this.$driver.defineSteps(driverItem)
    this.$driver.start()

在mouted函数调后端接口去判断当前用户是否是第一次登录,如果是调引导页函数,否则不调

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容