Vue

2024-07-02 04:43| 来源: 网络整理| 查看: 265

路由代码跳转有些时候，页面的跳转可能需要执行的对应的JavaScript代码，这个时候就需要使用另外一中跳转方式了

在这里插入图片描述

this中有$router这个对象，就相当于app中实例的router。然后添加新的路径进去。我是网站的标题首页关于按钮改变路径home，改变渲染按钮改变路径about，改变渲染 export default { name : 'App', methods:{ homeClick(){ // 通过代码的方式修改路由vue-router // this中有$router这个对象，就相当于app中实例的router。然后添加新的路径进去。 this.$router.push('/home'); console.log("homeClick"); }, aboutClick(){ this.$router.push('/about'); console.log("aboutClick"); } } } 动态路由： 1：某些情况下，一个页面的path路径可能不是确定的，是根据具体用户情况变化的： 2：比如张三点击路径显示/../zhangsan 李四点击路径显示/../lisi 这种路由我们称之为动态路由具体配置过程： 1：创建新的组件user 2: 添加路由组件映射关系 3：利用router-link 以及 router-view显示相应组件 4：细节暂不描述，见上篇文章---vue-router详细配置

1：新建组件在这里插入图片描述 2: router文件夹中的index.js绑定对应关系 3：