router-link

解决vue项目部署到centos后 router-link 刷新当前页面显示404

1.问题：使用Vue.js框架，利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象。2.原因：刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。如上的404现象，是因为在nginx配置的根目录/Data
L-jf·2020-06-29 13:13

Vue中如何使用路由跳转页面及传递参数

例如：一.router-link//需要跳转到的页面的路径这是在视图层内标签形式的跳转方式，浏览器会将router-link标签解析成一个a标签。传递参数二.this.
尘生杜若丶·2020-06-29 10:33

vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

今天在写项目时发现了在点击router-link会造成报错的问题，报错内容为：废话不多说，解决方法很简单，把项目依赖的node_modules文件夹删除，然后再npminstall重新下载依赖包就可以解决
织咲·2020-06-29 07:40

web前端vue问题小结及相关面试题总结

vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？在router目录下的index.js文件中，对path属性加上/:id。
weixin_42596605·2020-06-29 05:17

vue中路由跳转的三种方式 简洁易懂

通过路由跳转的三种方式1.router-link1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始
皮皮灬虾·2020-06-29 02:33

前端面试题总结——VUE（持续更新中）

vue-router模块的router-link组件。2.嵌套路由怎么定义？在VueRouter的参数中使用children配置，这样就可以很好的实现路由嵌套。
weixin_33786077·2020-06-28 05:36

vue中通过路由跳转的三种方式

通过路由跳转的三种方式1、router-link【实现跳转最简单的方法】浏览器在解析时，将它解析成一个类似于的标签。#div
weixin_30566149·2020-06-27 21:03

vue前端框架面试问题汇总

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
weixin_30481087·2020-06-27 20:29

vue2.0 点击跳转传参--vue路由点击事件跳转传参数

vue中路由跳转传参数有多种,常用的是下面的几种：通过router-link进行跳转通过编程导航进行路由跳转1.router-link跳转1.path->是要跳转的路由路径,也可以是路由文件里面配置的name
buling girl·2020-06-27 07:37

Element-Ui组件（三十九）Tooltip 文字提示

element-cn.eleme.io/#/zh-CN/component/tooltip基础用法普通文字提示上左上边上右带slot的文字提示多行信息第二行信息Topcentertooltip内不支持router-link
究极死胖兽·2020-06-26 14:24

vue,router-link传参以及参数的使用

1.路径：http://localhost:8081/#/test?name=1跳转(id是参数)使用：this.$route.query.id2.路径：http://localhost:8081/#/test/1跳转(id是参数)路由：使用：this.$route.params.id（这个id给上图路由的配置有关）this.$route是一个数组，里面包含路由的所有信息注意：router-lin
sangjinchao·2020-06-26 07:24

vue模板中双引号中加单引号的作用

同理，router-link中书写的也是JS代码，而不是链接字符串。需要直接返回字符串路径时，就必须采用单引号把字符串内容括起来，例如:type="'/index'"这样。
小冕·2020-06-25 23:31

day02-vuejs项目-商城（2）

新闻资讯页面制作绘制界面，使用MUI中的media-list.html使用vue-resource获取数据渲染真实数据实现新闻资讯列表点击跳转到新闻详情把列表中的每一项改造为router-link,同时
姑苏_慕容博·2020-06-25 17:23

Vue通过router-link或者button跳转到一个新的页面

a、商品列表页面如下（点击'跳转到购物车页面'就会跳到一个新的页面，而不是在同一个页面加载一个组件）这是商品列表页面显示商品标题显示商品图片//跳转到购物车页面跳转到购物车页面Button-跳转到购物车页面exportdefault{data(){return{msg:''}},methods:{jump(){//this.$router.push("/cart")//传递的参数用{{$route
爱特李斯特·2020-06-25 07:26

2. Vue Router 一

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue学习router-link
chenshiying007·2020-06-25 03:21

vue实战总结

部分总结以及部分实现如下：App.vue1.App.vue在HTML中使用router-link标签来导航，默认被渲染成一个a标签，通过传入to属性指定链接；商品评论商家2.在main.js中配置路由导入
糖糖小菜鸟前端er·2020-06-24 23:46

vue商城

vue商城使用MUI布局首页九宫格导航使用MUI九宫格组件布局导航替换导航中的默认图片更改a标签为router-link实现路由跳转使用MUI实现新闻列表界面在main.js中添加路由规则{path:'
Never Settle！·2020-06-24 12:30

2018 vue前端面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
jingtian678·2020-06-23 22:12

vue动态路由配置，vue路由传参

首先我们来了解下router-link这个组件：简单来说，它是个导航器，利用to属性导航到目标组件，并且在渲染的时候会自动生成一个a标签，当然官方也有说明，加个tag标签属性就可以渲染不同的标签，可以浏览器端
diego1993·2020-06-23 04:37

vue路由跳转的方式

$router.go(n)一、不带参1.1router-link//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开
bagu1904·2020-06-22 16:10

实现简版vue-router

/***mode*router-link*router-view*this.$router*this.
波帝伯爵·2020-06-21 21:36

vue中路由的跳转并传递参数，获取路由中的参数

1.最简单的一种是使用router-link在document中，router-link会自动转化为a标签，使用tag属性，可以转化为其他标签，比如：tag='span'通过to=“要跳转的路由”设置要跳转的路由地址注意
好菜的程序媛·2020-06-21 21:01

路由跳转的几种方式(四.2)

/jiandan1127/article/details/861703361.声明式跳转直接跳转包裹内容//不带参数跳转//(一)查看//(二)查看//name,path都行,建议用name//注意：router-link
腾腾爱吃糖果·2020-06-11 12:00

VueRouter小手册

目录一.了解router二.工作流程三.简单的Demo四.理解template和route的组合五.Vue-Router-GoBack记录返回六.Router-Link七.具名路由八.路由激活状态ActiveClass
赐我白日梦·2020-05-23 11:00

router-link使用详解

router-link组件的属性to、replace、append、tag、active-class、exact、event、exact-active-class。
前端分享会·2020-05-06 21:36

vue-router

index.js声明方式：router/index.js声明组件调用方式：UserGame.vue组件注：router/index.js下红色框name:"UserGame"与UserGame.vue组件下的router-link
开车去环游世界·2020-04-13 07:28

VUE路由router-link和router.push用法

两者的区别使用router-link方式跳转，会在页面渲染的时候就加载对应的路由比起直接写的方式的优点：不管是h5的history还是hash模式，切换的时候很方便；会默认阻止浏览器的默认事件；写路径的时候不用写基路径了
风意不止·2020-04-10 22:00

vue<router-link>和绑定

当项目存在多个router-link和router-view的时候，如果给他们做相对应关系的呢1.找到对应的router文件constdemoIndex=()=>import('@/views/demo
周海伦·2020-04-10 11:52

Vue非父子组件之间的传值

在官方文档中也是有教程的这里vue官方链接https://router.vuejs.org/zh/api/#router-link在文档中说明可以通过router-link里面的属性进行配置传值一个简单的
五点半的太阳·2020-04-08 12:44

router路由配置

alias为路由别名，当在地址栏的文件路径输入路由别名时，将跳转到对应的文件路径，但不会文件路径的名字不会改变注意：虽然通过路由别名可以访问到对应的文件路径，但是因为router-link设置的地址是'
饥人谷_米弥轮·2020-04-07 01:01

3.header组件开发

注意：请在创建组件的时候不要使用H5自带标签如headerarctice等，虽然可以正常使用但是会有警告）在APP.vue文件中引入并且注册后使用M-Header组件上面为M-Header页面代码通过router-link
卖单车·2020-04-02 03:14

Vue-router

1.开始1.在html文件内router-link标
妮儿_smile·2020-03-30 05:39

vue-cli 踩坑记 （router-link）

component在router-link中如下图event可以放置执行的事件；to可以放置对应的路由的路径tag可以改变默认的元素改成当然可以嵌套标签exact可以当选择to="\"的时候取取消当前的选中的状态
打底裤·2020-03-29 10:59

vue跳转页面的几种方法(推荐)

vue跳转不同页面的多种方法1：router-link跳转点击跳转2点击跳转1点击跳转32：this.
Janus_lian·2020-03-26 15:01

使用vue.js写一个tab选项卡

如果使用过vue-router,那么你会发现,vue-router在使用的时候其实就相当于一个tab选项卡,在点击之后,被点击的router-link元素会默认被添加上一个router-l
勇PAN高峰·2020-03-24 08:07

Vue2中注册在router-link上事件无效解决方法

今天用vue在做一个tab栏切换的时候，偶然发现我绑定在router-link上的click并不会触发，后来测试发现，所有绑定在router-link中的事件都不会促发此后查看了官方的文档，也并没有给出明确的说明
宇cccc·2020-03-22 07:00

Vue路由采坑记

答1：将默认路由的router-link的to和路由注册时的path都设置为''答2:将默认路由的path设置为'',''
Cirs_冷峥子·2020-03-21 01:41

vue编程式路由

一、追加一条路由（动态创建一个router-link，可以回退）第一种写法：this.$router.push("路径")触发路由第二种写法：this.
郭月帅·2020-03-20 22:18

关于vue路由的整理

1、使用router-link组件来导航，通过传入to属性指定链接，默认会被渲染成一个标签html部分GotoFooGotoBarjs部分//1.定义（路由）组件constFoo={template:'
_conquer_·2020-03-16 08:21

Vue-Router 源码解析(五) router-link组件的用法及原理

它本质上是通过在生成的标签上绑定了click事件，然后执行对应的VueRouter实例的push()实现的，对于router-link组件来说，可以传入以下props:to表示目标路由的链接,当被点击后
大沙漠·2020-03-16 08:00

[vue问题解决]vue <router-link>在浏览器上点击失效（路由不跳转）

$router.push("/home");}}解决方案二看视频学习的时候，老师的解释是App.vue中的router-link
Adagio-·2020-03-15 12:00

router-link: query传参

router-link传参有两种方式我的关注我的关注//path为空字符表示当前的路由地址image.png当前页面功能点击后需要直接展示默认参数，就需要使用第二种传参方式image.png我是user
饥人谷_米弥轮·2020-03-08 10:49

Vue 路由name属性及跳转方法

3.在Header.vue导航栏的组件中，跳转标签router-link中的to属性，改为属性绑定形式:to="{name:'homeLink'}"，即可正常实现跳转。
祝名·2020-03-05 06:01

Vue-Router 源码分析(一) 使用方法总结

因为它里面很多概念用到了Vue，相比较vuex、axios，我认为Vue-Router的源码比较晦涩，难以理解，原因如下:Router-view是一个函数式组件，它的渲染需要理解父子组件的一个链的一个知识Router-Link
大沙漠·2020-03-03 12:00

vuetify实现Tab多标签栏，引发的router-link/事件机制问题

写在前头由于搭建后台管理系统，国内多采用侧边栏+多标签切换页面的方式，故在实现中同样打算做一个多标签页的组件。↓↓↓↓↓这玩意就是标签栏，我个人习惯称为tabs需求描述点击侧边栏的某个item，判断该页面是否已经打开过没打开过：vue-router自动载入组件，进入页面我们代码控制，在tabs的数组添加当前新增的这个页面的路由信息打开过，切换到对应的tab-item和页面点击不同的tab-item
xxinyue·2020-02-26 08:17

vue-router 嵌套路由

vue$npminstallvue-router//安装vue-router或者引用我这里直接在HTML中引用script目录index.htmlapp.js//index.html文件首页关于王玛啦啦router-link
取个帅气的名字真好·2020-02-25 16:20

day1

要在中间区域放置一个router-view来展示路由组件改造tabbar为router-link设置路由高亮linkActiveClass:'mu
废柴阿W·2020-02-24 19:15

vue-router跳转传参

router-link跳转不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。
挚爱已不在·2020-02-22 23:28

vue前端框架面试

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
菲菲菲菲妞·2020-02-21 13:53

vue路由跳转的两种方式

id=1,非重要性的可以这样传,密码之类还是用params刷新页面id还在params类似post,跳转之后页面url后面不会拼接参数,但是刷新页面id会消失一.声明式router-link(利用标签跳转
顺丶·2020-02-20 22:00
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他