Vue - 没有VueRouter的手表网址

时间:2018-01-18 23:18:17

标签: url vue.js watch

是否可以对Vue组件中的URL更改做出反应,而不包括VueRouter?

如果存在VueRouter,我们可以观看$ route,但是,我的应用程序不依赖于VueRouter。

export default {
    watch: { '$route': route => console.log(window.location.href) }
}

1 个答案:

答案 0 :(得分:3)

在我使用vue路由器之前,我做过类似的事情......

data: function() {
  return {
     route: window.location.hash,
     page: 'home'
  }
},
watch: {
  route: function(){
    this.page = window.location.hash.split("#/")[1];
  }
}