前端路由
关注
分享
扫一扫
夜跑者
目前从事web前端，小程序开发。熟悉vue框架，uni-app跨端框架。
展开
-
如何使用router-link对象方式传递参数？
文章转自：https://blog.csdn.net/qq_35393869/article/details/80251099如何使用router-link对象方式传递参数？疑问：（判断和传参）点击导航栏目，js如何判断自己点击的是哪个具体栏目？ 它们是如何传参的？ 如何使用params，携带查询参数？效果图解说：A. 点击选择【屈原“查看详情”】之前B. 点击选择【屈原“查看详情”】之后要点总结：在vue-router中，有两大对象被挂载到了实例this；$转载 2020-10-28 16:52:36 · 962 阅读 · 0 评论 -
route中的to.matched的运用
文章转自：https://www.cnblogs.com/qdlhj/p/13215086.html运用场景一：做登录判断1、vue项目当中通常都是通过设置routes配置项来控制路由跳转，例如设置routes:[ { path: '/cinema', redirect: '/page/cinema', component: BlankLayout, meta: { title: '影院' , requiresAuth: true转载 2020-10-28 09:27:56 · 9310 阅读 · 0 评论 -
URL 链接中 井号#、问号?、连接符& 分别有什么作用？
文章转自：https://zhangzifan.com/t/6928.html在一个URL中可以包含很多的内容，其中不仅仅是包含 26 个英文字母，10 个罗马数字，中文汉字，还可以拥有井号“#”、问号“？”、连接符“&”等三种最常见的符号，那么这些符号在网站中都有哪些作用呢？#，井号：表示网页中的一个位置，被称之为锚点，常用于某个网页间不同位置的跳转，简单的说就是在一个网...转载 2020-01-02 19:44:33 · 2134 阅读 · 0 评论 -
深入理解 path-to-regexp.js 及源码分析
文章转自：https://www.cnblogs.com/tugenhua0707/p/10664273.html阅读目录一：path-to-regexp.js 源码分析如下： 二：pathToRegexp 的方法使用回到顶部一：path-to-regexp.js 源码分析如下：我们在vue-router中，react-router或koa-router中，我们经常做路由匹配像...转载 2019-12-30 19:18:53 · 685 阅读 · 0 评论 -
VUE VueRouter 介绍
文章转自：https://www.cnblogs.com/bydzhangxiaowei/p/9055484.html路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面...转载 2019-10-09 17:28:28 · 108 阅读 · 0 评论 -
vue-router 例子程序搭建
想看一下vue-router 源代码，所以要先搭建一个环境。1） 下载Vue.js 源代码 https://cn.vuejs.org/v2/guide/installation.html 中选择开发版本，就可以把vue.js下载下来了2） 下载vue-router源代码 https://router.vuejs.org/zh/installation.htm...原创 2019-12-16 22:16:59 · 118 阅读 · 0 评论 -
HTML中的meta标签及其使用方法
组成meta标签共有两个属性，分别是http-equiv属性和name属性。1. name属性name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是：<metaname="参数"content="具体的描述">。其中n...转载 2019-12-02 09:15:10 · 845 阅读 · 0 评论 -
用JS实现跳转网页
写了三个页面，demoA.html 可以跳转到pageA.html和pageB.html，pageA和pageB都可以回到demoA.htmldemoA.html 代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta...原创 2019-12-01 16:54:21 · 736 阅读 · 0 评论 -
vue项目刷新当前页面的几种方式
在vue项目中，经常会遇到需要刷新当前页面的需求。因为vue-router判断如果路由没有变化，是不会刷新页面获取数据的。方式1：go(0)和reload()通过location.reload()或是this.$router.go(0)两种强制刷新方式，相当于按F5，会出现瞬间白屏，体验差，不推荐。方式2：定义一个空白路由页面，路由跳转到该空白页后立马跳回当前页，实现路由刷新。...转载 2019-12-01 12:38:37 · 1846 阅读 · 0 评论 -
如何监听URL的变化？
文章转自：https://juejin.im/post/5c2708cd6fb9a049f06a5744如何监听URL的变化？单页应用的原理从早起的根据url的hash变化，到根据H5的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，如何在单页页面中优雅的监听url的变化。单页应用原理 监听url中的hash变化 ...转载 2019-11-27 11:21:05 · 4415 阅读 · 0 评论