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

JavaScript019

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

1.引入依赖

yarn add driver.js -S

或者 npm install dirver.js -S

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

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

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

jQuery插件pagewalkthrough帮助我们创建一个遮罩引导层,实现页面功能引导功能,引导完成显示页面内容。

具体实例:

html代码:

js文件和代码:

css文件:

-------------------------------如有疑问,可继续追问,如果满意,请采纳,谢谢。