引导用户操作ShepherdJS的简单使用

JavaScript05

引导用户操作ShepherdJS的简单使用,第1张

更加具体的内容可以访问 Shepherd 的官网

这里只是简单介绍操作用法

获取Shepherd的相关资源

npm导入依赖的用法在npm官网搜索Shepherd也有介绍

用法 :

shepherd中cancel方法表达,直接退出引导,结束引导的意思, 而当调用next方法发现没有定义的step时,也会隐式调用cancel方法,退出引导

1.引入依赖

yarn add driver.js -S

或者 npm install dirver.js -S

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

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

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

<!--#include file="XXXX.XXX"-->这个是调用其他页面

<script type="text/javascript" src="X.js"></script>这个是调用JS文件