Javascript Vue中的Intro.js多页导航,不工作

Javascript Vue中的Intro.js多页导航,不工作,javascript,vue.js,intro.js,Javascript,Vue.js,Intro.js,我试图通过vue-intro.js绑定使用intro.js,为我的用户创建一个能够浏览应用程序中不同路径的入职流程 vue绑定 简介.js文档 我已经能够使用v指令使其工作,但我希望通过编程导航跨多条路线实现结果 我还尝试了不同的方法来选择元素,例如查询选择器,但没有效果。尝试了装载/创建的各种组合 this.$intro().addStep({ element: '#one', intro: "step one", position: 'right', }) this

我试图通过vue-intro.js绑定使用intro.js,为我的用户创建一个能够浏览应用程序中不同路径的入职流程

vue绑定 简介.js文档

我已经能够使用v指令使其工作,但我希望通过编程导航跨多条路线实现结果

我还尝试了不同的方法来选择元素,例如查询选择器,但没有效果。尝试了装载/创建的各种组合

this.$intro().addStep({
    element: '#one',
    intro: "step one",
    position: 'right',
})

this.$intro().addStep({
    element: '#two',
    intro: "step two",
    position: 'bottom'
})

this.$intro().start().oncomplete(() =>
    this.$route.push("someroute")

)

我希望能够在这些步骤中导航,并在它们更改时触发oncomplete(()=>回调),能够导航到不同的vue页面并继续执行加载过程。

我可以说,IntroJS对当前DOM类名很敏感。一旦他们找不到特定的元素(假设您的DOM在vue中呈现得很晚),introJS将无法工作。我认为您可以尝试以另一种方式编写它,使用introJS中的“data intro”或“data title”道具将消息直接绑定到HTML。查看他们的示例Hello world项目-->


谢谢

有一件事我可以说,IntroJS对currentDOM类名很敏感。一旦他们找不到特定的元素(假设您的DOM在vue中呈现得很晚),introJS将无法工作。我认为您可以尝试以另一种方式编写它,使用introJS中的“data intro”或“data title”道具将消息直接绑定到HTML。查看他们的示例Hello world项目-->


谢谢

有什么更新吗?有什么更新吗?