vue+el-table 路由跳轉及返回

讓table每行都可以實現跳轉，給table綁定點擊事件

<el-table :data="tableDataCb" style="width: 100%" @row-click="openDialog">
              <el-table-column
                  prop="W_NAME"
                  label="名稱"
                  align="center"
              ></el-table-column>
  </el-table>

在methods里面添加方法，此時的跳轉頁面需要是加載在router里面的

openDialog() {
      this.$router.push({path: '/EnvAnalysis/DataWindow'})
  }

跳回上一級路由

goback() {
      this.$router.go(-1)
  }

 

  注意：$route為當前router跳轉對象里面可以獲取name、path、query、params等；$router為VueRouter實例，想要導航到不同URL，則使用$router.push方法