vue中driver.js的使用,填坑

2020-11-18  本文已影响0人  随风飞2019

需要使用的组件中引入,使用,案例如下

<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可用,加上就用不了。可能是还缺少什么,没弄明白原因。

上一篇 下一篇

猜你喜欢

热点阅读