2015-10-08 17 views
15

मैं एक घटक के अंदर router.go कॉल करने के लिएvuejs: क्या घटक के अंदर router.go() तक पहुंचने का कोई तरीका है?

वर्तमान में मैं निर्धारित किया है window.router = router // तो कोड काम करता है

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 } 
      }) 
     } 
} 

चाहते क्या मैं कुछ ढूंढ रहा हूं, this.$router.go

navbar.vue

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

धन्यवाद और वास्तव में vue-router 1.x

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

उत्तर

34

सराहना router.push(...)
<router-link :to="..." replace> == router.replace(...)
router.go(n) == यहाँ window.history.go(n)

जांच अधिकारी डॉक:
http://router.vuejs.org/zh-cn/essentials/navigation.html

+0

धन्यवाद! इसका उत्तर मिला। $ rout.router.go' –

+0

अच्छा। मैं अपना जवाब भी अपडेट करूंगा। –

+1

Vue2 में दिखता है, अब यह '$। राउटर' –

0

<router-link :to="..."> == लिए vue-router 2.x

this.$router.push('path') 

के लिए कुछ मदद

संबंधित मुद्दे