vue跳转同一域名下的另一个页面

最新推荐文章于 2023-12-12 13:46:25 发布

ajaxPost293614

最新推荐文章于 2023-12-12 13:46:25 发布

阅读量928

点赞数

分类专栏： element vue JavaScript 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/caoyan0829/article/details/108832948

版权

JavaScript 同时被 3 个专栏收录

104 篇文章 0 订阅

订阅专栏

vue

36 篇文章 1 订阅

订阅专栏

element

20 篇文章 0 订阅

订阅专栏

直接上代码：

    页面js

    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.$router.push({
        path: "/orderControl/add",
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      console.log(row);
      this.$router.push({
        path: "/orderControl/edit",
        query: { data: row },
      });
    },

router js

按照你自己的目录写

  {
    path: '/orderControl',
    component: Layout,
    hidden: true,
    children: [
      {
        // path: "update/:id(\\d+)"
        path: "edit",
        component: (resolve) => require(['@/views/produceControl/orderControl/produceViewEdit'], resolve),
        name: 'produceViewEdit',
        meta: { title: '修改生产订单视图' }
      },
      {
        // path: "update/:id(\\d+)"
        path: "add",
        component: (resolve) => require(['@/views/produceControl/orderControl/produceViewAdd'], resolve),
        name: 'produceViewAdd',
        meta: { title: '新增生产订单视图' }
      }
    ]
  },