Vue Router 中 router.push 方法详解:参数传递与查询参数
以下代码使用 Vue Router 中的 router.push 方法进行路由跳转操作。
router.push({
name: 'OrderList',
params: { OrderList: orderId },
query: { newTitle: '订单管理[' + orderId + ']' },
});
name: 'OrderList'表示目标路由的名称为OrderList,即要跳转到名为OrderList的路由页面。params: { OrderList: orderId }表示跳转时传递的参数为orderId,参数名为OrderList。 这里的意思是跳转到OrderList路由时,传递一个名为OrderList的参数,参数值为orderId。query: { newTitle: '订单管理[' + orderId + ']' }表示跳转时的查询参数newTitle的值为'订单管理[' + orderId + ']'。 这里的意思是在跳转时,附带一个查询参数newTitle,参数值为'订单管理[' + orderId + ']'。
综合起来,以上代码的意思是进行路由跳转到名为 OrderList 的路由页面,并传递一个参数 OrderList,参数值为 orderId。同时,附带一个查询参数 newTitle,参数值为 '订单管理[' + orderId + ']'。
原文地址: https://www.cveoy.top/t/topic/qDJ9 著作权归作者所有。请勿转载和采集!