Vue-router

Vue + element axios请求二次封装

简单封装get，post请求，携带token控制下载axios，element，Vue-router，并在main.js中配置，不需要的可注销内容//TheVuebuildversiontoloadwiththe
Your-Nikee·2020-07-04 09:15

Vue-router的三种传参方式

第一种传递参数：name传参两步完成name传参并显示在模板中；第一在router/index.js中配置name属性，Vue代码routes:[{path:'/',name:'HelloWorld',component:HelloWorld},]第二步在src/App.vue接收Vue代码{{$route.name}}~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
VB2016·2020-07-04 09:08

安装vue-router

vue-router步骤第一步：安装vue-routercnpminstallvue-router--save第二步：在src中创建router文件夹，在main.js中导入vue-router的路径importrouterfrom
一只编程猪·2020-07-04 07:04

vue-router + vuex 做动态路由

前几天做vue-router的动态路由做的焦头烂额，最后还是解决了，故记录下来。
Ray_1234567·2020-07-04 07:55

vue-router

vue-router是vue的官方路由插件，和vue.js是深度集成的，适用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
Minxgo·2020-07-04 07:44

Vue项目中使用Echarts 和Echarts中水球liquidFill的中文API

Echartsnpminstallechartsecharts-liquidFill--save二引入Echarts在入口文件index.js中如下所示仅供参考importVuefrom'vue'importvueRouterfrom'vue-router'importEchartsfrom'echarts
MrzhangxianshengJS·2020-07-04 07:31

vue项目部署上线的基本过程

一，部署上线1，vue-router有两种模式，即散模式和历史模式。散模式：它使用URL的哈希来模拟一个完整的URL，这样的页面不会被重新加载的URL发生变化时。
LYP_0320·2020-07-04 06:31

项目初始化及文件配置-黑马头条PC

登录欢迎页面内容管理素材管理发布文章评论管理粉丝管理个人设置02-项目-准备工作vue基础vue-router路由vue-cli脚手架axios请求后台服务在外网api文档element-ui用户界面组件库但是有自己样式风格
viceen·2020-07-04 03:24

Vue-Router基础（四）：路由内的参数传递 props

我们在使用了vue-router之后，我们都会在我们的组件内部拿到一个叫做this.$route这么一个对象。
Mr_大木·2020-07-04 03:01

vue-router权限路由

importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRouter);//基础路由constroutes=[{path:"/",name
leng啊·2020-07-04 03:23

3天用vue写一个简单的app

今年是vue比较火的一年，自己也在闲暇之余，用vue全家桶+vuxui框架，写了一个简单的app应用，首先来看下效果吧（ps:数据来自掘金）以上就是基本效果图，项目中用了vue-router=>路由axios
weixin_34034670·2020-07-04 03:13

vue-router 基本使用

vue-router基本使用路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。
IT 哈·2020-07-04 01:14

vue-router通过url传递参数给组件的props

//router-view指定name//路由跳转地址页面bvuecvue//routes.jsimportVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom
huipo22·2020-07-04 00:20

Vue

VueVue主要解决视图层的问题：html，css，js，遵从soc关注度分离原则视图：给用户看，刷新后台给的数据他不参与网络通信和页面跳转网络通信：axios页面跳转：vue-router状态管理：vuex
Misconduct1·2020-07-03 13:33

webpack配置historyApiFallback的坑

博主在使用webpack做spa（单页面应用）的时候出现了404错误，原因很简单是因为刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。
wangliang_001·2020-07-02 17:08

前后端分离之JWT（JSON Web Token）的使用

前后端分离之JWT（JSONWebToken）的使用使用教程前端Vue.jsvue-router登录时，将后端返回的token存入localStorage使用Vue-Router判断是否存在token，
journey_IT·2020-07-02 17:20

Vue-router 的简单配置及使用

安装如果你的脚手架尚未安装vue-router请使用以下代码进行安装：npminstallvue-router--save引入1、在main.js中引入:importrouterfrom‘.
KeepCool的开发日志·2020-07-02 17:03

Vue小白教程：路由配置（一）配置+动态路由传参

npminstallvue-router--save/cnpminstallvue-router--save2、引入并Vue.use(VueRouter)(main.js)importVueRouterfrom'vue-router'Vue.use
我是一只小晔子·2020-07-02 17:56

使用vue-router设置每个页面的title

基本环境配置：webpack+vue2.0+vue-router+nodeJS进入router文件夹底下的index.js文件首先引入：importVuefrom'vue'importRouterfrom'vue-router
马优晨·2020-07-02 16:37

Vue 2.x框架完善（二）—— vue路由按模块配置

1.vue官网，你可以去此查看官方文档和API2.关于vue的博客专栏3.前端框架Vue初体验@JesusAllen30关于vue-router的相关文档：1.vue-router官方文档2.网上很多优秀的教程
lee84233·2020-07-02 16:39

vue-router工作中常用基础

vue-router官方文档router的使用HelloApp!默认会被渲染成一个``标签-->GotoFooGotoBar//定义路由//每个路由应该映射一个组件。
想当拓路者·2020-07-02 14:32

vuejs全局路由守卫和组件内守卫的基础使用

3、全局使用场景4、组件内使用场景1、安装vue-routernpminstallvue-router2、在需要使用组件引入importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
名字忘了能挂失吗·2020-07-02 13:48

vue常见面试题集-2020整理-持续更新中...

[vue-router是怎么传递参数的？
a1161105403·2020-07-02 12:06

怎么定义vue-router的动态路由?怎么获取传过来的动态参数?

--可以通过query,param两种方式区别:query通过url传参，刷新页面还在params刷新页面不在了params的类型:配置路由格式:/router/:id传递的方式:在path后面跟上对应的值传递后形成的路径:/router/123//在APP.vue中  用户//在index.js   {  path:'/user/:userid',  component:User,  },跳转方
Ben Meng·2020-07-02 12:19

vue-router跳转路由的几种方式

//vue-router学习笔记记录开发中的点点滴滴跳转路由的几种方式：1、声明式：1)根据路由路径（/home/sort/detail）跳转点击查看子页面2)根据路由名称（detail）跳转点击查看子页面
小子逆袭·2020-07-02 10:32

vue-router——message: "Navigating to current location (XXX) is not allowed"

解决方法：法一：重写规则importVueRouterfrom"vue-router";const[routerPush,routerReplace]=[VueRouter.prototype.push
肖ZE·2020-07-02 10:43

Vue router / Element 重复点击导航路由报错解决方法

：虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法①：把项目依赖的node_modules文件夹删除，然后再npminstall重新下载依赖包，如果安装的vue-router
昊哥的HelloWorld·2020-07-02 10:10

Vue项目前端性能优化

一、vue-router路由懒加载懒加载是当路由被访问的时候才加载对应组件，而不是在首页就全部加载，以此来提高首页反应速度。
小天使娜娜·2020-07-02 09:22

Vue router / Element 重复点击导航路由报错解决方法

：虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法①：把项目依赖的node_modules文件夹删除，然后再npminstall重新下载依赖包，如果安装的vue-router
Brians-不羁的少年·2020-07-02 07:31

vue-router的简单使用（简单）

下载npminstallvue-router--save目录组织：src|__components|__callSource.vue|__cancld.vue|__Config|__js|__router.js|__index.html|__main.js文件组织：index.htmlConfig.vue{{item.name}}主要是这里{{nav.text}}和这里exportdefault{
天空影·2020-07-02 06:45

Vue请求拦截 响应拦截

importVuefrom'vue'importaxiosfrom'axios'importrouterfrom'vue-router'exportconst$axios=axios.create({/
jingtian678·2020-07-02 05:37

vue系列_vue-Router_组件内部的路由守卫（局部路由守卫）01

如果你对vue的路由基础了解，就朝下看，不然不了解，请看vue系列_vue-Router入门和理解。一、概念：路由守卫：就是进入当前路由前，有个人“门卫”进行保护，也可以理解为“安检”。
田江·2020-07-02 05:20

Vue-cli

初始化项目(创建项目)：vueinitwebpack项目名称(不能是中文)，或vueinitwebpack.进入工程项目：cd项目名称安装项目依赖(最好不要用cnpm)：npminstall安装vue路由模块vue-router
福兮祸所依·2020-07-02 04:49

用vue-router实现选项卡

初学vue，使用vue-router实现选项卡，效果图如下：思路为使用和来实现，顶部tab切换为一个模板，内容为一个模板。
ikceo1211·2020-07-02 03:10

vue项目引入jquery库的方法

jquery"dependencies":{"axios":"^0.19.2","element-ui":"^2.13.1","jquery":"^3.5.1","ol":"^5.2.0","vue":"^2.5.2","vue-router
hsg77·2020-07-02 03:04

项目技术栈

这段时间对整个项目有了大概一个理解整个项目基于vue-cli、webpack、nodejs构建的目录结构整个项目流程大概理解如下前端：Vue语法二、Es6语法：let，const，varimport与export箭头函数三、利用vue-router
Just Easy Life·2020-07-02 03:59

（二）使用vue-cli学习使用vue-router

一、路由部分  使用vue-router处理链接跳转，在vue-cli构建的项目中默认安装，在生成的模板已经配置好了，如图：  配置好之后，就可以在页面中使用了，常用的标签。
heroboyluck·2020-07-02 02:19

vue路由当中的导航钩子中关于next这个方法的描述应该如何理解？

之前写的一篇文章，里面有具体demo作解释，参考一下vue.js路由vue-router（二）——路由进阶在这里我用通俗点的说法解释上next(),next(false),next('/'),next(
H-L·2020-07-02 02:54

Vue系列-搭建本地环境&初始化项目

名词解释Vue.js即我们使用的vue框架，核心东西Vue-Router是Vue.js官方的路由管理器，和Vue.js的核心深度集成，此系列中用来构建spa单页应用NodeJs我们的前端开发环境npm前端的包管理器
hanyce·2020-07-02 01:50

vue-router this.$route和this.$router的区别

当你在组件中console.log(this.route)和console.log(this.route)和console.log(this.route)和console.log(this.router)时会发现比较明显的差异这是this.$route{name:"Button2",meta:{…},path:"/button/button2",hash:"",query:{…},…}fullPa
glorydx·2020-07-02 01:14

Vue H5 History 部署IIS上404问题

背景简介vue使用vue-router时，默认的地址并不美观，以#进行分割，例如：http://www.xxx.com/#/main。
dlfryby306482969·2020-07-01 22:35

Vue.js项目在apache服务器部署后，刷新404的问题

原因是vue-router使用了路由的history模式，这种模式充分利用history.pushStateAPI来完成URL跳转而无须重新加载页面。
diaoyunqiu7160·2020-07-01 22:57

d3分区扇形拼接雷达图（regional_radar）,vue组件间通信，js模块和vue组件互相引用，vue-router,element-ui,axios,echarts,less(开箱即用)

项目基于vue-v2.x版本搭建，包含了：vue组件，组件间通信，外部js模块和vue组件的互相引用，vue-router,element-ui,axios,echarts,less(全部配置好，开箱即用
dengzeyuan·2020-07-01 22:47

vue-router踩坑,导航组件重复点击 ——报错（NavigationDuplicated）

升级vue-router至3.1以后版本，导航组件重复点击报错NavigationDuplicated或者报错Uncaught(inpromise)Error:Avoidedredundantnavigationtocurrentlocation
ddx2019·2020-07-01 22:03

Vue.js--前端路由与vue-router

前端路由前端路由，即由前端来维护一个路由规则。实现有两种：利用url的hash：就是常说的锚点（#），JavaScript通过HashChange事件来监听url的改变，IE7及以下需要用轮询；利用HTML5的History模式：它是url看起来像普通网站那样，以『/』分割，没有#，但页面并没有跳转，不过使用这种模式需要服务端支持，服务端在接收到所有的请求后，都指向同一个html文件，不然会出现4
吴声子夜歌·2020-07-01 20:27

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（八）Vuex管理登录状态

又仔细看了一遍vuex的文档，还是云里雾里的，不过至少明白它是一个专门管理状态的，根据数据状态的改变可以驱动视图更新，既然是这样那至少登录注册是一种状态，就用登录来做测试，学习vuex,不过话说回来，既然专门管理状态，那我至少要仔细推敲一下这个learn的学习项目有那些状态逻辑。Image091.png1、据说储存的vuexstore里面的状态是临时的，右键刷新一下页面这些状态就销毁了（这是据说，
思吾谓何思·2020-07-01 20:07

一个例子入门Vue2.X+vue-router+Vuex+Webpack单页面应用程序

Vue.js官方文档vue-router的作用就是将Vue组件(c
慕森·2020-07-01 19:43

解决vue项目双击路由导航报错 "Navigating to current location (XXX) is not allowed"

Navigatingtocurrentlocation(XXX)isnotallowed"原因是:在路由里面添加了相同的路由解决方案是:我们可以重写路由的push方法在src/router/index.js里面importRouterfrom'vue-router
bhq1711617151·2020-07-01 18:04

Vue路由history模式刷新404的解决方法

2.Koa使用中间件//解决vue-router的hist
balloonhunter·2020-07-01 18:27

vue router连续点击路由报错解决方法记录

在写vue小商城时，多次点击同一路由时会报错上网搜了一下，有两种解决方法第一种解决方法修改main.jsimportRouterfrom'vue-router'constoriginalPush=Router.prototype.push
2401w·2020-07-01 17:12
上一页 96 97 98 99 100 101 102 103 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他