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

 

猜你喜欢

转载自www.cnblogs.com/flypig666/p/11664603.html
今日推荐