码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-02-15 21:50:49      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:ble   router   一级路由   ref   src   ram   param   col   名称   

让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方法

转自: https://www.cnblogs.com/keai/p/11386942.html

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

标签:ble   router   一级路由   ref   src   ram   param   col   名称   

原文地址:https://www.cnblogs.com/sylys/p/12313827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!