this.$router.resolve this.$router.push怎样区分
时间: 2024-04-10 09:26:06 浏览: 59
this.$router.resolve和this.$router.push是Vue.js中用于进行路由导航的方法,它们的区别如下:
1. this.$router.resolve(path):
- 这个方法用于解析指定路径的路由信息,但并不会导航到该路径。
- 它返回一个包含解析后的路由信息的Promise对象,可以通过.then()方法获取解析结果。
- 通常用于在代码中动态获取路由信息,例如判断某个路径是否存在或获取路径对应的组件。
2. this.$router.push(location, onComplete?, onAbort?):
- 这个方法用于进行路由导航,将用户导航到指定的路径。
- location可以是一个字符串路径,也可以是一个描述地址的对象。
- onComplete是一个导航完成后的回调函数,onAbort是一个导航被中断后的回调函数。
- 通常用于响应用户操作,进行页面跳转或者切换路由。
相关问题
this.$router.resolve和$router.push 区别
this.$router.resolve和$router.push都是Vue Router中的方法,用于导航到不同的路由。
this.$router.push用于在当前窗口中导航到指定的路由。它接收一个路由对象作为参数,通过指定路由的名称、参数、查询等信息来生成目标路径,并进行导航跳转。例如,this.$router.push({name: 'details', params: {'id': 233}})表示要导航到名为details的路由,并且传递了id参数为233。这个方法会改变当前的URL,并加载相应的组件。
而this.$router.resolve方法不会进行实际的导航跳转,它只是用于解析目标路由的信息。它也接收一个路由对象作为参数,并返回一个包含目标路由信息的对象。这个方法可以用于获取目标路由的URL,以便在新窗口中打开。例如,const {href} = this.$router.resolve({name: 'foo', query: { bar }})会生成名为foo的路由的URL,并将其赋值给href变量,然后可以使用window.open方法在新窗口中打开这个URL。
所以,$router.push用于实际的导航跳转,而$router.resolve用于解析目标路由的信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [详解新手使用vue-router传参时注意事项](https://download.csdn.net/download/weixin_38557980/13590198)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue的跳转方式——window.open & router-link标签 & this.$router.push跳转 & this.$router.replace跳转 & ...](https://blog.csdn.net/weixin_44867717/article/details/120503404)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
this.$router.resolve和push的区别
this.$router.resolve和this.$router.push是Vue Router中用于导航的两个方法,它们的区别在于:
1. 参数类型:this.$router.resolve只支持query参数,而this.$router.push可以同时支持query参数和params参数。
2. 导航方式:this.$router.resolve只是返回目标路由的信息,不会进行页面跳转,而this.$router.push会进行页面跳转。
3. 地址栏显示:使用this.$router.push进行路由跳转时,参数会显示在地址栏中;而使用this.$router.resolve进行路由跳转时,参数不会显示在地址栏中,可以通过结合localStorage或第三方插件来保存参数。