2015-10-08 19 views
15

Ben koduvuejs: Bir bileşenin içinde router.go() öğesine erişmenin bir yolu var mı?

index.js

const App = Vue.extend(require('./views/app.vue')) 
router.start(App, '#app') 
window.router = router // I don't want to set this global variable 

navbar.vue

methods: { 
     search() { 
      window.router.go({ 
       name: 'search', 
       query: { q: this.query } 
      }) 
     } 
} 

çalışır

anda ben belirledik window.router = router // böylece bir bileşeni içine router.go vermek istediğiniz Aradığım bir şey var, this.$router.go

navbar.vue

methods: { 
     search() { 
      this.$router.go({ 
       name: 'search', 
       query: { q: this.query } 
      }) 
     } 
    } 

Teşekkür ve gerçekten vue-router 1.x

this.$route.router.go('path') 

cevap

34

takdir router.push(...)
<router-link :to="..." replace> == window.history.go(n)

onay resmi doc burada router.replace(...)
router.go(n) ==:
http://router.vuejs.org/zh-cn/essentials/navigation.html

+0

teşekkürler! cevabı aldım, bu. $ route.router.go' –

+0

Güzel. Cevabımı da güncelleyeceğim. –

+1

Vue2'de göründüğü gibi, şimdi 'bu. $ Yönlendirici' –

0

<router-link :to="..."> == için vue-router 2.x

this.$router.push('path') 

için yardıma

İlgili konular