router-link

vue3 vue-router的安装及配置 (一)

文章目录一、安装二、VueRouter配置2.1vue-router两种引入方式的区别2.2不同的历史模式三、router-link四、router-viewVueRouter作用：在应用程序中实现优雅的导航和路由管理
小钱999·2023-12-05 09:59

VueRouter传参

传递单个参数方法一router中的path后面加一个变量，传递的参数放在router-link中的to里，组件使用时通过this.
skydot·2023-12-04 02:50

开发一个NavMenu导航菜单

然而elementUI的navMenu第一级子菜单是默认写死居左对齐对于js跳转，我能想到的就是内嵌router-link实现；子菜单居中对齐：则必须去改element的源码；再加上项目原因，需要大量
merrylmr·2023-12-02 03:17

事件委派+自定义属性+编程式导航实现路由跳转及传参

为什么我们不用router-link进行跳转？
永久旅途·2023-12-02 01:58

Vue路由新页面打开的方法总结

一般使用以下两种方法：router-link中的target标签Brassicarapa$router.resolveletrouteData=this.
大海龟啦啦啦·2023-12-01 15:50

vue中页面(路由)跳转及传值的几种方式 router-link + query + params

vue中页面(路由)跳转及传值的几种方式知道query和params是什么参考文案：https://www.php.cn/js-tutorial-382859.html跳转的几种方式与传值1、router-link1.1根据路由路径（无参数与有参数）跳转到page页面跳转到page页面1.2根据路由名称（无参数和有参数的区别）跳转到page页面跳转到page页面使用路由与路径·的注意事项：：to=
ougexingfuba·2023-11-30 15:17

Vue Router路由

一、常用组件router-link#请注意，我们没有使用常规的a标签，而是使用一个自定义组件router-link来创建链接。
曹莓养乐多多·2023-11-30 11:56

Vue router之router-link属性

router-link标签在Vuerouter中是很常用的标签下面我们来了解一下有关于他的属性首页关于1.tag属性to属性会将router-link渲染成a标签，但是如果我们想将router-link
Mountains_river·2023-11-30 11:46

Vue Router路由的跳转及参数传递

--2.带参数可以使用params或query可以传递参数--><router-link:to="{name:'home',params:{id:1}}"></router-link
xiaoma121212·2023-11-29 16:00

vue路由1.0_01、笔记：vue 路由传参（参数为对象）

vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转1.router-link:to="{path:'yourPath',params:{name
weixin_39620279·2023-11-29 16:56

Vue知识整理，专题之路由：6、路由传参-使用params方式传递路由参数

目录一、前言二、使用params方式传递路由参数1、路由实例简约版2、使用params方式传递路由参数步骤1：修改路由匹配规则routes里面的path属性值步骤2：在连接跳转处，修改router-link
华哥折腾历险记·2023-11-29 16:52

【Vue】组件复用导致的路由切换时页面不刷新问题

页面逻辑通过router-link，携带不同params参数，导航向同一个组件。出现问题1不同路由切换时组件上的页面不刷新。
Elendill·2023-11-28 12:28

Vue Router基础 + Typescript语法

文章目录前言使用VueCLIUI创建项目router-link和router-view创建路由懒加载路由/按需加载webpackChunkNameVueRouterActiveClassnamedroutes
PhotograpHB·2023-11-25 21:22

vue router 的使用步骤

第二步，放入router-link标签第三部，放入router-view占位符第四步，定义路由组件第五步，定义路由规则，并创建路由实例路由重定向在路由规则里新增一条路由规则{path:'/',redirect
大象是我呀·2023-11-25 16:39

初学vue3与ts：路由跳转带参数

index-router1、用router-link跳转带参数id=1：点我跳转2、用router.push跳转,用query带参数name=lin：点我跳转注：用router.push的query参数
空&白·2023-11-25 08:04

Vue3路由跳转

以下是如何在Vue3中使用VueRouter进行路由跳转的基本步骤：一、router-link（声明式）params传参的参数不会显示在跳转的URL中，query传参的参数会显示在URL中。
天才聪~·2023-11-23 20:52

vue的学习笔记（13）之vue-router详解

前后端路由阶段（4）前端路由的规则2、vue-router基础（1）认识vue-router（2）安装和使用vue-router3、细节处理（1）路由的默认路径（2）HTML5的History模式（3）router-link
我是肿肿哦～～·2023-11-19 20:34

关于Vue3和Vue-rounter的几个理解

router-link对应的router-view能分开在不同的vue模块中吗？和可以分别在不同的Vue模块中使用。
qq_43478653·2023-11-19 01:51

Vue Router active-class 属性

active-class是vue-router模块的router-link组件的属性，当router-link标签被点击时将会应用这个样式。
云隙阳光i·2023-11-16 10:36

【已解决】Vue的router-link地址变化但页面不刷新

由于最近搞了一般企业网站做练习，其中遇到各种的问题，今天无意中发现router-link点击产品的时候，列表页可以顺利进入详情页，但是详情页里面推荐产品却不能跳转。
蹦极的考拉·2023-11-15 14:54

Vue的列表超链接（A标签）是什么？如何实现跳转呢？

方法一：通过我要跳转，别拦我首页列表：在这里我用a标签进行跳转，在vue里面使用//注意：这里的router-link在前台解析的时候会自动变成a标签商品详情页：//请求接口created:function
蹦极的考拉·2023-11-15 14:23

Vue-router 3.x 参数传递看完让你明明白白！

目录概述路由传参的两大载体分类声明式路由【router-link】编程式路由【this.
旧梦星轨·2023-11-15 04:21

三年经验前端vue面试记录

router-link和router-view是如何起作用的分析vue-router中两个重要组件router-link和router-view，分别起到导航作用和内容渲染作用，但是回答如何生效还真有一定难度回答范例
bb_xiaxia1998·2023-11-11 21:45

Vue编程式路由导航

Vue的编程式导航就是不使用router-link进行页面的跳转，能够让页面的跳转更加地灵活。一、页面跳转如果是添加一个新跳转路径，就使用push方法。this.
柳穿鱼^·2023-11-11 00:58

Vue路由(router-link)——高亮、动态传参

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
清梦压星河_Ciao·2023-11-09 11:34

elementUI的el-menu组件做内部组件和外链区分

解决思路：在路由配置中path代表组件切换路径或者外链配置el-menu-item显示菜单项时，使用动态路由形式，判断如果是组件切换，使用is为router-link组件，to为path，如果是外链，使用
_Jyann_·2023-11-08 13:50

vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件

helloapp!page1page2渲染出来就是标签了，上面绑定的click=jump就没有了，能不能在渲染出来的标签上面监听事件呢？想在渲染出来的标签上监听click事件怎么办？page2//在事件后添加修饰符native即可解决
九千_·2023-11-05 20:59

路由跳转的两种方式及动态创建路由

跳转路由的方式,有两种1.声明导航1)跳转router-link是vue-router提供的一个全局组件router-link实质上最终会渲染成一个a标签,to属性等价于href属性(to不需要)router-link
桃雾..·2023-11-05 11:25

【框架】VUE：路由配置（Router）

文章目录一、VUE框架简介二、Router配置，做一个页面跳转第一步，我们新建一个VUE项目第二步，配置Router文件第四步，在App.vue中使用router-view和router-link第五步
不许代码码上红·2023-11-04 15:19

Vue之路由跳转，query传参，子路由，路由模式--hash&history，VueRouter router route三者区别区别

不同的网址对应各自的页面vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件vue-router就是专门做切换组件的功能,它是一个单独的技术,依赖vue，就像jQuery和dom操作一样标签router-link
初夏半微凉·2023-10-31 11:52

vuecli路由跳转的方法

两种方式1、声明式导航router-link，可以进行路由的跳转首页登录2、编程式导航push或者replace，可以进行路由跳转编程式导航：声明式导航能做的，编程式导航都能做，但是编程式导航除了可以进行路由跳转
原生爱好者·2023-10-22 05:26

Vue-router tips

$route.params接收router-link传的参数。在路由跳转的时候除了用router-link标签以外，也可以使用this.$router.push('')。
BabyMT·2023-10-21 21:13

Vue 组件和文件及文件夹命名规范、SPA、创建路由、router-link 相关属性、路由建立多视图单页应用

目录一.vue组件（重点）1.1组件介绍1.2局部组件1.3全局组件二.自定义事件2.1子->父2.2父->子三.vue中文件及文件夹命名规范四.SPA4.1SPA简介4.2SPA技术点五.使用路由建立多视图单页应用5.1引入依赖库5.2创建自定义组件六.创建路由6.1什么是路由6.2定义路由6.3创建和挂载根实例6.4使用RouterLink和RouterView组件导航与显示七.router-
瑶大头*^_^*·2023-10-21 18:36

解决vue引用elementUI导航菜单添加路由样式问题

    给导航菜单添加路由后，修改了菜单原本的样式，发现router-link添加上去后文字上会出现下划线，因为router-link其实是由标签来实现的；    解决该问题只需要在router-link
帅帅哒主公·2023-10-15 19:18

Vue路由进阶--VueRouter声明式导航

VueRouter声明式导航1、声明式导航1.1、导航链接1.2、高亮类名1.3、跳转传参1.4、动态路由参数可选符1、声明式导航1.1、导航链接需求：实现导航高亮效果vue-router提供了一个全局组件router-link
曼诺尔雷迪亚兹·2023-10-14 12:09

vue页面跳转

1、router-link跳转1.不带参数2.带params参数3.带query参数2、this.$router.push()1.不带参数this.$router.push('/home')this.
　康　·2023-10-13 09:08

vue学习-进阶

vue学习-进阶文章目录vue学习-进阶1、VUE相关指令2、VUE路由2.1、router-link用法2.2、编程式的导航2.3、hash模式和History模式2.4、路由守卫2.4.1、全局2.4.2
石头茨·2023-10-12 15:52

Vue学习笔记——Vue router的基本使用

模式2vue-router2.1Vue-router的安装配置2.2Vue-router的使用2.2.1Vue-router的使用步骤2.2.2Vue-router使用细节处理路由默认路径改变路径模式router-link
一只蒻蒻·2023-10-12 05:58

Vue-Router动态路由

作用：动态拼接一些路径语法：/user/:userId(:XX表示可以动态拼接，路径可以渲染成/user/zhangsan或者/user/lisi等等)1.通过router-link渲染的跳转页面通过动态绑定
你六我里六六·2023-10-10 02:44

vue-6

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
是三好·2023-10-09 20:00

router-link中的to带不带引号有啥区别？

不带冒号：to的值是一个固定的字符串。About这会导航到/about这个路径。带冒号：to的值是一个动态绑定的表达式。Link在这里，dynamicPath是一个变量或者计算属性，其值会被用作导航路径。简单来说，不带冒号是给定一个固定的路径，带冒号则是动态地绑定一个路径。
即兴小索奇·2023-10-09 13:29

vue router跳转页面常用的几种方法

一、router-link跳转###1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始；如果不带'/'，则从当前路由开始。
冷r·2023-10-04 21:35

点击router-link时候会发生什么？

这里说一下执行流程，当点击一个router-link时，VueRouter会执行以下流程：1）点击事件触发:当你点击router-link组件时，会触发一个点击事件。
即兴小索奇·2023-10-03 23:52

详解vue 路由跳转四种方式 (带参数)

router-link1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。
唯吾听烟雨·2023-10-03 17:15

vue - 路由带参跳转

vue路由传参按照传参方式可划分为params传参和query传参；params传参分为在url中显示和影藏参数两种方式1params传参（url地址栏显示参数）1.1声明式router-link通过router-link
梁庄十年·2023-10-02 05:41

vue中跳转界面

在vue中3种方法跳转界面使用router-link元素进行跳转GotoExamplepage使用this.$router.push方法进行跳转this.
bu_xiang_tutou·2023-09-28 07:02

router-link的to属性

to类型:string|Locationrequired表示目标路由的链接。当被点击后，内部会立刻把to的值传到router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。HomeHomeHomeHomeHomeUserRegister
GAJYA·2023-09-27 15:59

vue 跳转页面带对象_vue跳转页面的几种方法(推荐)

vue跳转不同页面的多种方法1：router-link跳转点击跳转2点击跳转1点击跳转32：this.
weixin_39665507·2023-09-27 04:37

超详细！Vue-Router手把手教程

2，router-link标签支持用户在具有路由功能的应用中(点击)导航。属性类型说明toSt
鹏多多·2023-09-26 10:41

深入Vue3学习（6）vue-router vuex

router-link的tagvue2的router-link可以通过tag属性，决定router-link渲染成什么形式。
coderlin_·2023-09-24 01:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他