页面跳转(页面从哪儿来回哪儿去)

 

2.示例一:编辑a.html可以从b.html进入,也可以通过c.html进入d.html后,再从d.html页面进入。

从b进入a,在a编辑完成提交表单后,需要跳转到b;

从d进入a,在a编辑完成提交表单后,需要跳转到f;

如何控制页面的准确跳转?

1.一种比较简单粗暴的方式,让用户自己选择跳转到哪个页面

2.自定义一个参数判断是从哪个页面跳转过去的。

后端在a页面的控制器定义一个参数,该参数可有可无,不影响页面展示。后端拿到这个参数后,将参数直接传递到前端即可。

前端通过该参数,自定义参数值,通过参数值判断a页面提交后跳转到哪个页面。

前端写法:如下面2张图所示

 

转载于:https://www.cnblogs.com/fanyx/p/6758096.html

在Vue中,可以通过Vue Router来实现页面之间的跳转路由。下面是一个简单的示例: 首先,确保你已经安装了Vue Router。如果还没有安装,可以通过以下命令进行安装: ``` npm install vue-router ``` 接下来,在你的Vue项目中创建一个新的router文件,例如`router.js`,然后在这个文件中定义路由: ```javascript import Vue from 'vue' import VueRouter from 'vue-router' // 导入需要跳转页面组件 import Page1 from './components/Page1.vue' import Page2 from './components/Page2.vue' Vue.use(VueRouter) const routes = [ { path: '/page1', component: Page1 }, { path: '/page2', component: Page2 } ] const router = new VueRouter({ routes }) export default router ``` 在上面的代码中,我们导入了需要跳转页面组件,并将其与对应的路由路径进行关联。 接下来,在你的Vue实例中使用路由: ```javascript import Vue from 'vue' import App from './App.vue' import router from './router' new Vue({ router, render: h => h(App) }).$mount('#app') ``` 在上面的代码中,我们将之前定义的路由对象注册到Vue实例中。 然后,在你的组件中使用`<router-link>`和`<router-view>`来进行页面跳转和显示: ```html <template> <div> <router-link to="/page1">跳转到Page1</router-link> <router-link to="/page2">跳转到Page2</router-link> <router-view></router-view> </div> </template> ``` 上面的代码中,`<router-link>`用于生成页面跳转的链接,`<router-view>`用于显示对应的组件。 这样,你就可以通过点击链接来在页面之间进行来回跳转了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值