Vues中使用JavaScript实现路由跳转的步骤详解

import Vue from 'vue'
import Router from 'vue-router'
import Seq from '@/components/Seq'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/rd/proj/seq',
      name: 'Seq',
      component: Seq
    },
    // 其他路由配置...
  ]
})

<template>
  <div>
    <button @click="navigateToSeq">跳转到Seq页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    navigateToSeq() {
      const row = { contractNo: '123' }; // 假设这是从某个地方获取的数据
      this.$router.push({ name: 'Seq', params: { contractNo: row.contractNo } });
    }
  }
}
</script>

<script>
export default {
  methods: {
    navigateToSeq() {
      const row = { contractNo: '123' };
      this.$router.push({ path: '/rd/proj/seq', query: { contractNo: row.contractNo } });
    }
  }
}
</script>

export default {
  created() {
    console.log(this.$route.params.contractNo); // 访问通过params传递的合同编号
  }
}

export default {
  created() {
    console.log(this.$route.query.contractNo); // 访问通过query传递的合同编号
  }
}