您现在的位置是:网站首页> 编程资料编程资料
vue3项目新用户引导组件driver.js示例详解_vue.js_
2023-05-24
335人已围观
简介 vue3项目新用户引导组件driver.js示例详解_vue.js_
好用的用户引导插件有 intro.js 和 driver.js 两个,对比了一下,最终还是使用了driver.js
主要有以下原因:
- 用法简单
- 可以商用
- 总要选一个吧
项目使用的是vue3+ts
因为多个地方需要使用引导,就直接做成组件使用
不废话上代码
yarn add driver.js 或者 npm i driver.js
组件代码

页面使用
- 导入组件
- 需要传页面名称storageName用于判断用户是否第一次进入该页面
- steps这个页面里面需要引导的内容列表
测试driver.js
首页 帮助 联系我们
因为项目中使用时没有其他的要求 够用就行,后期如果有其他的要求可以再修改,嘿嘿
到此这篇关于vue3项目新用户引导组件(driver.js)的文章就介绍到这了,更多相关vue3 driver.js内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- NodeJs操作MYSQL方法详细介绍_node.js_
- Vue 2阅读理解之initRender与callHook组件详解_vue.js_
- 手写实现vue2下拉菜单dropdown组件实例_vue.js_
- JavaScript中如何在一个循环中等待示例代码详解_javascript技巧_
- 微信小程序实现分页功能_javascript技巧_
- 微信小程序云开发实现分页刷新获取数据_javascript技巧_
- 小程序实现简单分页组件_javascript技巧_
- 微信小程序实现表格前后台分页_javascript技巧_
- 微信小程序实现列表分页功能_javascript技巧_
- 详解vue route介绍、基本使用、嵌套路由_vue.js_
