logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

用代码切换路由地址($router.push 与 $router.replace)

  • 在Vue组件中,除了使用<router-link>创建链接外,还可以用代码切换路由。
  • 示例中,在index组件的某元素上绑定一个点击事件click,并处理为onClickText方法。
  • 通过向组件的scripts部分添加methods对象并导出,其中包含onClickText方法,可以使用this.$router.push切换到指定路由。
  • 使用push方法会在浏览器历史中添加新记录,而replace方法则会替换当前历史记录。
  • 通过试验说明,当使用replace后点击浏览器后退按钮,会退到前一个页面或标签,而使用push会退回到应用的首页。