两个vue之间带参数数据跳转

飞一样的编程
飞一样的编程
擅长邻域:Java,MySQL,Linux,nginx,springboot,mongodb,微信小程序,vue

分类: vue 专栏: vue学习 标签: vue传递数据

2025-04-13 00:33:56 187浏览

两个vue之间带参数数据跳转


image.png


image.png

传id的时候就是修改

image.png

注意路由

    {
        path: '/addTopic/:topicId?',
        name: 'addTopic',
        component: commonView,
        children: [{ path: '', component: AddTopicView }]
    },


修改的时候跳转

  toUpdate(row){
      let topicId=row.id
      this.$router.push(`/addTopic/${topicId}`)

    },

新增的时候跳转

    onAdd(){


      this.$router.push("/addTopic")

    },

跳转之后的处理

 created() {
    var topicId=this.$route.params.topicId;
    if(topicId){
      getTopic(topicId).then(res =>{
        console.log(res);
        this.ruleForm=res.data
      })
    } else {
      // 重置表单为初始状态
      this.ruleForm = {
        topicName:'',
        topicDesc: '',
        typeId: '',
        file: ''
      }
    }
}

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695