vue3项目新用户引导组件driver.js示例详解

好用的用户引导插件有 intro.js 和 driver.js 两个,对比了一下,最终还是使用了driver.js
主要有以下原因:

  • 用法简单
  • 可以商用
  • 总要选一个吧

项目使用的是vue3+ts
因为多个地方需要使用引导,就直接做成组件使用
不废话上代码

yarn add driver.js
或者
npm i driver.js

组件代码

vue3项目新用户引导组件driver.js示例详解_第1张图片






页面使用

  • 导入组件
  • 需要传页面名称storageName用于判断用户是否第一次进入该页面
  • steps这个页面里面需要引导的内容列表







因为项目中使用时没有其他的要求 够用就行,后期如果有其他的要求可以再修改,嘿嘿

到此这篇关于vue3项目新用户引导组件(driver.js)的文章就介绍到这了,更多相关vue3 driver.js内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(vue3项目新用户引导组件driver.js示例详解)