美文网首页
vue中driver.js的使用,填坑

vue中driver.js的使用,填坑

作者: 随风飞2019 | 来源:发表于2020-11-18 13:35 被阅读0次

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

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

相关文章

  • vue中driver.js的使用,填坑

    需要使用的组件中引入,使用,案例如下 ps:其中element: '#create-post1'是需要选中的元素i...

  • Vue.js 3.0 项目投入使用

    1、Vue、vueRouter 项目中均使用 cdn引入的 。 2、目前使用中还是有些坑需要填,2.0语法兼容会有...

  • 一起玩转Vue-resource

    由于公司前端人员短缺,这周我和涛哥就来填这个坑了,前端使用的js框架是Vue+Vue-resource+Vue-v...

  • 关于新版 vue-awesome-swiper

    vue引入新版 vue-awesome-swiper填坑 - CodingHot - 博客园 GitHub - s...

  • mint-ui的无限滚动组件的坑

    快要过年了,加班填坑。 使用了mint-ui这个vue的开源组件库。很多地方使用了mint-ui的无限滚动组件。官...

  • H5踩坑记录

    flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...

  • vue-cli构建vue项目-前端完美开发环境搭建

    参考资料: Vue2.0 新手完全填坑攻略—从环境搭建到发布 vue-cli构建vue项目Webpack 入门...

  • vue开发填坑

    1. 如何监听url中参数的变化? 正常情况下,url里的参数变化之后,页面是不会更新的。因为vue视为url没有...

  • Vue 填坑记

    1. You may have an infinite update loop in a component re...

  • vue填坑笔记

    这周开始学习vue,用的vue-cli脚手架做简单的登录页面。但在安装和使用时,还是遇到了一些坑,犯了不少低级错误...

网友评论

      本文标题:vue中driver.js的使用,填坑

      本文链接:https://www.haomeiwen.com/subject/lwkciktx.html