前后端 调通 已经有前端框架了 自己写vue页面 让它可以跳转的自己写的页面

最新推荐文章于 2024-04-25 16:56:42 发布
最新推荐文章于 2024-04-25 16:56:42 发布
阅读量386 收藏 9
点赞数 8
文章标签： vue.js 前端框架 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69484761/article/details/135285753
版权

效果图

1. 引入组件  配路由

import  myplayer from './components/sport/player.vue'

  { path: '/player_list', component: myplayer},

去主页面更改路径

  <el-menu-item index="/player_list"   @click="saveNavState('/player_list')">

毛子不爱上学
关注
  • 8
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VUE 自身页面跳转自身页面
qq_41629522的博客
08-14 3600
先说一下要实现的功能： 点击原案件，要回到原案件，但是原案件页面和现在的页面一样，也就是自身跳转自身页面，路由地址不变。 使用vue祖传的push()方法来挑转的话，你会发现可以跳转过去，但是页面会刷新。不会触发vue生命周期函数 方法一： this.$router.replace({ path: '/case-detail', query: { caseId: this.detailInfo.parentId } }) this.caseFan() //添加页面初始化获取数据的方法
前端框架vue.js，自己写的初入门
最新发布
05-27
这个“前端框架vue.js，自己写的初入门”可能是一个关于学习Vue.js基础的教程或者项目实践，包含了在实际开发中的初步应用。 Vue.js 的核心特性包括： 1. **声明式渲染**：Vue.js 使用声明式的模板语法来定义UI，...
前端小白之--页面跳转和路由
u010753376的专栏
04-25 163
由于AI的发展让我们写一个页面变得轻松很多，但有些关键点还是只有现炒现卖。2）页面间跳转，可以通过路由配置实现跳转。1）通过点击链接跳转到其他页面或锚点。路由里面配置新增页面。添加跳转到新页面事件。
vue路由跳转方式
weixin_44402343的博客
05-10 798
原文链接 一、vue路由跳转方式以及传参方式 1、route-link // router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 // 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> // 带参数 <router-link :to="{name:'home', params: {'参数名': ’参数值‘}}"> &l
vue从入门到出门。cli3搭建VUE访问自己的功能页面
furenqiang的博客
07-20 1011
1.cli3搭建vue项目。具体步骤按照原博主即可：cli3快速搭建vue 2.导入idea,执行npm install,下载所需要的依赖包 3.双击serve，访问地址，默认访问vue.app 4.如下图位置，main.js文件。更换启动后，你需要默认访问的页面 ...
vue如何跳转本页面
hua_ban_yu的博客
08-18 1702
在使用vue开发项目时遇到一个需求，点击标题跳转当前页面。通过this.$router.push已经更改了url上面的参数，但是页面没有重新加载，这个要如何处理呢？ 可以通过使用watch监听地址栏上的参数变化实现页面数据更新。 实现代码： watch: { $route: { // 监听路由的参数变化 handler () { // 数据变化更新数据 this.instId = this.$route.query.instId this.g.
【vue3】vue3的一般项目结构、成功显示自己的vue3页面
Linux小白一只~正处于学习阶段，觉得我写的还好的请多多给我点赞呀,谢谢大家！！(๑＞ڡ＜)☆
07-26 3011
在Vue.js中，根组件是Vue应用程序的最顶层的组件，它是所有其他组件的父组件。根组件扮演着连接Vue实例和整个应用程序的角色。根组件在应用程序的入口文件（通常是main.js）中被引入，并在Vue实例的template选项中使用。它的作用类似于整个Vue应用程序的壳或容器，包含了其他组件，并负责渲染和管理这些组件。通常情况下，根组件会包含应用程序的导航栏、页脚、全局样式等内容，或者作为其他组件的容器。在根组件中，您还可以配置一些全局的设置，例如路由、状态管理等。
Spring Boot+Vue前后端分离，如何避免前端页面 404
01-08
在前后端分离的开发模式中，404错误页面的处理是常见的问题，尤其是在Spring Boot结合Vue进行开发时。404错误通常发生在用户尝试访问不存在的URL时，导致页面无法正常加载。以下是对该问题的详细分析和解决方案： 1...
vue实现几秒后跳转新页面代码
10-14
在Vue.js框架中，有时我们需要实现一个功能，即在用户完成某个操作后，等待几秒钟再自动跳转到新的页面。这种需求常出现在用户确认操作、加载数据或等待某些处理完成后。本文将详细讲解如何在Vue中实现这个功能，...
前端vue框架中的知识点-vue-router跳转页面实例(适合初学者)
05-10
Vue.js 是一款流行的前端JavaScript框架，它以其轻量级、高效和易用性著称。Vue Router 是 Vue.js 的官方路由库，它负责管理应用程序的导航和页面间的数据传递。在学习Vue框架时，理解并掌握Vue Router的使用至关...
vue 解决form表单提交但不跳转页面的问题
10-16
在Vue.js框架中，表单提交是一个常见的交互行为，但默认情况下，HTML的`<form>`元素在提交时会向其`action`属性指定的URL发送数据并导致页面重载或跳转。在某些场景下，如AJAX提交或者希望在当前页面处理提交的数据...
vue跳转页面的几种常用方法
m0_70031574的博客
07-23 1万+
点击跳转5
【Vue基础】Vue路由，实现页面跳转
qq_42294095的博客
05-23 6195
VueRouter、、
vue-router-页面跳转-初尝试
gwx113036的博客
12-09 600
vue router使用，必须要有router-view占位！
【前端】实现Vue组件页面跳转的多种方式
码农研究僧的博客
02-09 1万+
通过某个Button让页面多种方式跳转
vue项目页面跳转的常用方法
weixin_47356044的博客
04-28 6万+
1.页面跳转的几种方法 1：router-link跳转 2：this.$router.push() 3：this.$router.replace() 4：this.$router.go(n) 1. router-link跳转 通常用于点击 查看 按钮，跳转到其他页面 1.不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name //
vue3 路由跳转，打开新页面
技术前端，忠于热爱 @回忆哆啦没有A梦
03-07 1万+
vue 路由跳转，打开新页面
vue页面跳转方式
weixin_45117345的博客
06-27 318
1.标签跳转router-link** 主页 登录 退出 2，点击事件跳转 html : <button @click="hreftwo" class="test-one">点我到第二个页面</button> js : methods:{ //跳转页面 hreftwo(){ ...
vue跳转页面常用的几种方法
热门推荐
宋文轩
07-09 9万+
vue跳转页面有好几种不同方法，下面将通过实例代码给大家介绍，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下。 1：router-link跳转 1.不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始；如果不带'/'，则从当前路由开始。 2.带p
vue页面如何跳转在前后端分离项目中
04-26
在前后端分离的项目中，前端使用Vue框架进行开发，后端提供API供前端调用。Vue框架提供了Router插件来管理网页的路由。实现Vue页面跳转需要使用Router插件提供的路由函数，例如使用router.push()函数来实现页面跳转...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值