vue實現跳轉路由


參考vue官方文檔:https://router.vuejs.org/zh/guide/essentials/navigation.html

// 字符串
router.push('home')

// 對象
router.push({ path: 'home' })

// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})

// 帶查詢參數,變成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})
methods: {
    gotodescribe(e,index){
      this.$router.push({
        // path: `/viewmessage/${this.names[index]}`,
        // 使用下列方法方法跳轉路由,就不會出現點擊tab后再次跳轉的bug
        name: 'viewmessage',
        params: { name: this.names[index] }
        
      })
      // alert(this.names[index])
      // alert(index)
    }
  },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM