router-link

vue 跳转页面并传递参数

传递页面方式：1.通过router-link进行跳转跳转1.path->是要跳转的路由路径,也可以是路由文件里面配置的name值,两者都可以进行路由导航2.params->是要传送的参数,参数可以直接key
张中华·2023-09-22 11:46

（vue2）面经基础版-案例效果分析

一级路由：首页（二级：嵌套4个小页面）、详情页高亮a->router-link，高亮效果对自带高亮类名router-link(-exact)-active设置注：通过children配置项，可以配置嵌套子路由
悠悠：）·2023-09-20 06:20

2022/9/13总结

路由的封装抽离为了便于维护，我们通常需要将路由模块抽离出来在vue中，如果要写路径，可以写绝对路径使用@@代表从src目录下去寻找，能避免出现很多错误声明式导航--导航链接vue-router提供了一个全局组件router-link
lxh0113·2023-09-20 04:01

router-link 和 router-view的区别

router-link实现路由之间的跳转router-view（路由出口组件->渲染路径匹配到的视图组件）当你访问的地址与路由path相符时，会将指定的组件替换该router-viewrouter-linkrouter-link
要加油哦～·2023-09-16 17:13

router-link 和 router-view 的 关系

组件的作用是根据当前路由的路径（需要注意的是该路由路径可以是由router-link提供也可以是通过浏览器的导航的路径提供），渲染对应的组件内容。的两种使用方法：当
_洋·2023-09-16 01:53

vue实现路由跳转的方法

router-link跳转router-link是vue中提供的一种跳转页面的相关方式1.其中router-link中使用v-bind绑定了一个对象(其实也可以理解成路由跳转的目的地)2.其中有两种跳转方法
视图猿人·2023-09-11 22:51

解决Vue的router-link路由跳转但页面没有刷新问题

今天写项目写了一天真是累死了，又碰到这种bug让我很头大原因vue-router中router-link路由跳转也传统的路由跳转不同，vue-router的路由跳转其实是组件之间的跳转。
SMnK·2023-09-11 14:37

vue路由

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
会飞的贤鱼·2023-09-10 05:28

vue 路由跳转方式

1、router-link标签跳转—to需要跳转到页面的路径2、this.$router.push()—跳转到指定url，点击回退返回到上一页。push是追加历史记录3、this.
kxmdjqq·2023-09-08 14:33

【vue2第十七章】VueRouter 编程式导航跳转传参(点击按钮跳转路由和如何传递参数)

如何在js进行跳转路由在一些需求中，我们需要不用点击a标签或者router-link，但是也要实现路由跳转，比如登陆，点击按钮搜索跳转。那么这种情况如何进行跳转呢？直接再按钮绑定的方法中写this.
一个大不溜w·2023-09-07 23:25

【vue2第十六章】VueRouter 声明式导航(跳转传参)、路由重定向、页面未找到的提示页面404、vue路由模式设置

直接在router-link标签的to属性像get请求方式一样传参数：首页发现朋友跳转的页面获取参数直接使用：模板语法{{$route.query.title}
一个大不溜w·2023-09-07 23:24

【vue2第十五章】VueRouter 路由配置(VueRouter)与使用 和 router-link与router-view标签使用

单页面应用与多页面应用单页面应用（Single-PageApplication，SPA）和多页面应用（Multi-PageApplication，MPA）是Web应用程序的两种不同架构方式。它们在页面加载和交互方式上有所区别。单页面应用（SPA）：指的是整个应用只有一个HTML页面，页面的内容和交互都通过JavaScript动态加载和更新。在SPA中，页面的切换和内容的变化通过前端路由来实现，通常
一个大不溜w·2023-09-07 23:24

路由传参

一、两种传参方法1、通过router-link来配置动态路由2、通过js中的跳转实现二、详细方法1、第一种方法router-link第一步：在跳转模块用router-link包起来，如图所示，（注：因传过来的数据不固定
涅槃no重生·2023-09-07 16:28

Vue路由导航(一篇就够)：关于路由导航的跳转传参的两种方式、重定向、404、模式设置、二级路由、缓存组件、VueCli创建自定义项目、代码修正（简单的移动端练习）

Vue导航以及自定义创建项目文章目录Vue导航以及自定义创建项目一、声明式导航-导航链接1.需求2.解决方案3.通过router-link自带的两个样式进行高亮4.总结二、声明式导航-两个类名1.router-link-active2
@LiuJinTao·2023-09-07 12:59

vue Router从入门到精通

文章目录介绍使用多级路由实例路由的query参数传递参数接收参数实例命名路由作用使用params参数声明接收params参数传参接收参数实例props配置实例router-link的replace属性编程式路由导航作用使用实例缓存路由组件两个新的生命周期钩子实例路由守卫作用分类全局守卫独享守卫组件内守卫工作的两种模式介绍使用介绍
.昭阳.·2023-09-07 06:50

Vue2+Vue3基础入门到实战项目（五）——课程学习笔记

router/index.js所抽离内容包括：导入组件、（额外需要）导入Vue、导入VueRouter插件、创建路由对象、导出路由对象需要注意路径写法（推荐使用绝对路径@代表当前src目录）效果：使用router-link
卡皮巴拉·2023-09-05 08:22

Vue Router active-class 属性

active-class是vue-router模块的router-link组件的属性，当router-link标签被点击时将会应用这个样式。
余道各努力，千里自同风·2023-09-05 00:41

关于VUE项目中报Error: Avoided redundant navigation to current location: 的错2020-09-09

Error:Avoidedredundantnavigationtocurrentlocation:报错显示是路由重复，针对上述图片中的报错，解决方法如下，点击第一次报错，如果在这个点击页面在点击一次router-link
煎鸡蛋的梦_·2023-09-04 21:35

路由跳转的方式和传参——方式之声明式导航、编程式导航 & 传参之params和query

路由跳转的方式和传参——方式之声明式导航、编程式导航&传参之params和query1、路由跳转的2种方式第一种：声明式导航router-link（必须要有to属性），可以实现路由的跳转第二种：编程式导航利用的是组件实例的
viceen·2023-09-03 18:38

Vue-路由/声明式导航,编程式导航(传参)

一.声明式导航1.声明式导航-导航链接vue-router提供了一个全局组件router-link(取代a标签)①能跳转，配置to属性指定路径(必须)。
2301_76866366·2023-09-03 18:35

解决vue中的NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

image.png点击没问题如果在这个点击页面在点击一次router-link就会报这个错但是不影响功能去你引用vue-router的页面添加一段代码constoriginalPush=Router.prototype.pushRouter.prototype.push
救罚·2023-09-03 09:06

路由跳转几种方法

路由的几种跳转方式１.router-link不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始
丶凡人·2023-09-02 21:56

常见路由跳转的几种方式

/*不带参数*///更建议用name//router-link链接中，带'/'表示从根路径开始，不带表示从当前路由开始/*带参*///1.params传参//路由配置用path:"/home/:id"或者
要加油哦～·2023-09-02 21:25

Vue: 声明式导航（router-link）的跳转传参的两种方式

声明式导航-跳转传参文章目录声明式导航-跳转传参1.查询参数传参代码示例：2.动态路由传参动态路由参数可选符只要提到了声明式导航，就得想到（router-link）1.查询参数传参语法：to="path
Forever_Hopeful·2023-09-02 15:08

Vue:关于声明式导航中的 跳转、高亮、以及两个类名的定制

声明式导航-导航链接文章目录声明式导航-导航链接router-link的两大特点（能跳转、能高亮）声明式导航-两个类名定制两个高亮类名实现导航高亮，实现方式其实，css，JavaScript,Vue,都可以实现
Forever_Hopeful·2023-09-02 15:07

Vue学习笔记router-link

组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名组件的属性有：1、to（必选参数）：类型string/location表示目标路由的链接，该值可以是一个字符串，也可以是动态绑定的描述目标位置的对象如下几种示例//下面是字符串的形式Home//下
少甜的草莓牛奶·2023-08-31 01:08

vue2 路由进阶,VueCli 自定义创建项目

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
小钟不想敲代码·2023-08-28 12:08

vue3:vue-router路由的使用，v-slot、动态添加、删除路由、路由导航守卫、登录守卫功能

router-link的v-slot在vue-router3.x的时候，router-link有一个tag属性，可以决定router-link到底渲染成什么元素：但是在vue-router4.x开始，该属性被移除了
米儿web·2023-08-28 10:00

vue路由传参的3种方式(极简)

·Query通过在router-link的to中在跳转过来的页面中接受是通过this.
朝树·2023-08-27 16:49

VUE-路由的嵌套

笔记router-link是vue中提供的标签默认会被渲染为a标签to属性默认会被渲染为href属性to属性的值默认会被渲染为#开头的hash地址router-view为路由填充位，渲染指定路由对应的组件先引入
雷加祥·2023-08-21 20:09

vue-router

路由详解-基础router-link和router-view组件router-link:封装了一个a标签router-view:视图渲染组件路由配置动态路由router/index.js{path:'/
卡布i·2023-08-18 15:11

vue 路由传参的四种方式

vue路由传参**一、router-link路由导航**父组件:使用例如：routerlink传参子组件:this.
飞啊飞我的骄傲放纵-未来全栈工程师·2023-08-18 10:15

vue3路由跳转方法

1.利用router-link标签来进行跳转。22113344to是你要跳转的路径，也就是接口。这个是最简单的。如果你要传入参数的话，就得绑定属性。
多加点香菜85·2023-08-17 12:20

vue-router传参的四种方式超详细

vue路由传参的四种方式一、router-link路由导航方式传参父组件：子组件：this.
秋田君·2023-08-16 16:22

vue router-link添加click事件无效

原因：router-link会阻止click事件，你可以试试只用click不用native,事件是不会触发的。而a标签不会阻止。
Paul_Chan_·2023-08-16 11:49

【Vue3-Router】历史记录

from'vue-router';constrouter=useRouter();consttoPage=(path:string)=>{//同样，replace不保存历史记录router.replace(path)}反复点两个router-link
谢尔登·2023-08-14 10:03

一文详解Vue中实现路由跳转传参的4种方式（十分详尽）

目录前言一、使用vue-router构造函数二、实现路由跳转2种方式：声明式导航和编程式导航1、声明式导航—router-link◼️router-link—声明式路由，在页面中调用—实现跳转最简单的方法
儒雅的烤地瓜·2023-08-13 11:31

vue3使用文档总结ing

动态绑定类名{{item}}//类名拼接//一个静态类一个需要动态绑定router-link选中的样式一直不显示？
禾苗种树·2023-08-13 10:48

路由传参的方式（query/params）

传参方式可划分为params传参和query传参，而params传参又可分为在url中显示参数和不显示参数两种方式1.params传参（显示参数）又可分为声明式和编程式两种方式声明式router-link
小怪兽_v·2023-08-12 10:44

Vue--声明式导航

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
Big-Peng·2023-08-08 07:06

router-link自定义class

router-link默认会在class加上router-link-exact-active和router-link-active为了使用自定义class名，添加class绑定数据；this.
你这丑小子·2023-08-04 00:25

Vue路由跳转

1.通过使用标签实现跳转router-link实现路由跳转如果希望跳转后，不保留上一个页面的历史记录，可以在router-lick上加入replace例如：2.this.
fanfanda·2023-08-01 18:00

vue项目实现 导航栏 的方式

实现效果：方式一：利用router-link实现首先：新建一个组件，将头部导航栏提取出来，使多个组件可以公用一个头部。
逆风优雅·2023-07-22 00:33

【day4】尚品汇

复习1）商品分类的三级列表由静态变为动态形式【获取服务器数据：解决跨域问题】2）函数防抖与节流【面试频率很多】3）路由跳转：声明式导航（router-link）、编程式导航编程式导航解决这个问题：自定义属性开发
菜鸡也会飞·2023-07-20 14:43

route和router的区别

$router.push，和router-link跳转一样。route相当于当前正在跳转的路由对象。每一个
奋斗吧程序媛·2023-07-20 02:48

vue路由跳转

1、router-link（声明式路由）1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始
lucky婧·2023-07-19 13:38

Vue 实现手动刷新组件

开发过程遇到了一个问题，就是我的router-view里面渲染出来的组件输入数据之后，我点击路由视图外边的导航栏router-link按钮，可以实现清除router-view里面的数据，也就是使组件重新渲染
南波·2023-07-19 09:36

Vue路由跳转的几种方式及解释说明

一、router-link（声明式路由，在页面中调用）在Vue中，router-link称为声明式路由，常放在页面中，:to绑定为跳转的目标地址，通过点击实现跳转，路由的跳转主要有两种形式，一种是通过name
念你那丝微笑·2023-07-18 11:17

vue + elementui 实现select下拉框全选功能

如果使用组件和路由，在router-link标签中就需要使用@click.native。不然就只会跳转而不会触发事件。
季布，·2023-07-15 21:45

VUE学习笔记009 路由router

使用a标签home1helloworld1使用router-link有点，点击跳转时不刷新页面home1helloworld1
梦想_15eb·2023-07-15 09:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他