js中跳转页面

window.location.href、location.href是本页面跳转
parent.location.href是上一层页面跳转
top.location.href是最外层的页面跳转


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在router.js实现页面跳转的一种常见方式是使用路由库,比如Vue.js的Vue Router。下面是一个简单的示例: 1. 首先,安装Vue Router库。可以使用npm或yarn来进行安装: ```bash npm install vue-router ``` 2. 在router.js文件引入Vue和Vue Router,并创建一个新的路由实例: ```javascript import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const router = new VueRouter({ routes: [ { path: '/', name: 'Home', component: Home // 这里的Home是你的组件名称,需要提前定义 }, { path: '/about', name: 'About', component: About // 这里的About是你的组件名称,需要提前定义 } // 其他页面路由配置 ] }); export default router; ``` 3. 在你的Vue实例使用该路由实例: ```javascript import Vue from 'vue'; import router from './router'; new Vue({ router, // 其他配置项 }).$mount('#app'); ``` 4. 在你的组件使用页面跳转: ```html <template> <div> <!-- 点击按钮跳转到Home页面 --> <button @click="goHome">Go to Home</button> <!-- 点击按钮跳转到About页面 --> <button @click="goAbout">Go to About</button> </div> </template> <script> export default { methods: { goHome() { this.$router.push({ name: 'Home' }); }, goAbout() { this.$router.push({ name: 'About' }); } } } </script> ``` 这样,当你点击按钮时,页面将会根据路由配置进行跳转。在这个示例,我们定义了两个路由:'/'对应Home组件,'/about'对应About组件。你可以根据实际需求添加更多的路由配置。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值