vue.js跳转页面

vue.js跳转页面

1. 导入页面
2. 添加跳转按钮
3. 添加js方法

1.在router->下的index.js添加如下代码

  {
        path: 'editTask',
        name: 'EditTask',
        hidden: true,
        component: () => import('@/views/platformmanagement/task/editTask'),
        meta: { title: '编辑任务', icon: 'el-icon-document' }
      },

2.在vue添加butten

    <el-button
              size="mini"
              type="text"
              @click="handleEditTask(scope.$index, scope.row)"
              >编辑</el-button
            >

3.在script标签里写js

注意：方法要写在 export default { methods :{ //这里是写方法的}}
4.在export default { methods :{ //这里是写方法的}} 添加以下代码

 handleEditTask(index, row) {
      this.$router.push({
        path: "/platformmanagement/editTask",
        query: { taskId: row.id },
      });
    },