如何在index.html中获取vue-router？

Question

在 index.html ：

<script>
function demoFunction(name) {
    this.$router.push({name: 'Succ'})
}

为什么this.$router是undefined？我怎样才能获得vue-router？感谢

Answer 1

看起来您在全局范围内定义了该函数，因此函数内的this将指向浏览器中的window全局对象。 window没有属性$router，这就是你未定义的原因。

您只能在vue选项中使用this.$router，并且也是如此：

• 如果你创建了一个像这样的新路由器实例

  var router = new VueRouter({
      routes:[
          //your route objects
      ]
  });
  

• 然后将此路由器实例作为属性传递给根vue实例

  new Vue({
      el: '#app',
      router: router
  });