首页 > 其他 > 详细

vue实现跳转路由

时间:2019-10-13 09:21:55      阅读:88      评论:0      收藏:0      [点我收藏+]

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

 

vue实现跳转路由

原文:https://www.cnblogs.com/flypig666/p/11664603.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!