vue+element UI 跳转页面并传值

最新推荐文章于 2025-03-18 13:35:11 发布

wzk2329

最新推荐文章于 2025-03-18 13:35:11 发布

阅读量4.2k

点赞数 4

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/wzk2329/article/details/113244241

版权

本文介绍了在Vue.js结合Element UI中进行页面跳转时，如何使用query和params两种方式传递参数。query方式通过URL显示传值，刷新页面参数保持；params方式隐形传值，刷新后参数会丢失。此篇博客旨在记录和学习相关语法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--在html里面跳转：-->

<template>

//例子1

<el-table-column label="操作" align="center">
   <template slot-scope="scope">
       <el-button size="small" @click="$router.push({name:'bind_garden_list',query:{id:scope.row.id}})">查看已绑定小区</el-button>
       <el-button size="small" @click="tixian(scope.$index, scope.row)">提现</el-button>
   </template>
</el-table-column>

//例子2：

<el-table-column label="操作" align="center">
   <template slot-scope="scope">
       <el-button size="small" @click="$router.push({name:'wy_see_details',query:{admin_id:scope.row.admin_id,garden_id:scope.row.garden_id},params:{money_all:scope.row.money_all,garden_name:scope.row.garden_name}})">查看详情</el-button>
   </template&