需要使用的组件中引入,使用,案例如下
<script>
import 'driver.js/dist/driver.min.css'
import Driver from 'driver.js'
export default {
mounted () {
const driver = new Driver({
doneBtnText: '完成',
closeBtnText: '关闭',
stageBackground: '#fff',
nextBtnText: '下一步',
prevBtnText: '上一步'
})
driver.defineSteps([
{
element: '#create-post1',
popover: {
title: 'Title on Popover',
description: 'Body of the popover'
}
},
{
element: '#create-post2',
popover: {
title: 'Title on Popover',
description: 'Body of the popover'
}
}
])
driver.start()
}
}
</script>
ps:其中element: '#create-post1'是需要选中的元素id
坑:step配置项中去掉position可用,加上就用不了。可能是还缺少什么,没弄明白原因。
网友评论