背景:项目中 需要添加 新手引导页功能,效果如下图:
解决方法:vue + vue-intro + intro.js
1.安装依赖
npm i vue-introjs
npm i intro.js复制代码
2.修改 webpack 文件
在 webpack.dev.conf.js webpack.prod.conf.js下的 plugins 分别加入
new webpack.ProvidePlugin({
introJs: ['intro.js', 'introJs']
})复制代码
3. main.js 中引入
import VueIntro from 'vue-introjs'Vue.use(VueIntro);import