1.引入依賴
yarn add driver.js -S
或者 npm install dirver.js -S
-
在utils文件夾下新建一個(gè)driver.js用于存提示信息
image.png -
在src下新建一個(gè)global文件夾用于存放全局函數(shù)和全局變量
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('執(zhí)行成功1')
}
}
4.在main.js中掛載到vue上
image.png
5.使用：在layout文件里使用
image.png
image.png
image.png
this.$driver.defineSteps(driverItem)
this.$driver.start()
在mouted函數(shù)調(diào)后端接口去判斷當(dāng)前用戶是否是第一次登錄，如果是調(diào)引導(dǎo)頁(yè)函數(shù)详炬，否則不調(diào)
