- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue-如何使用axios实现同步请求
在vue项目中我们经常会使用axios来与后台进行数据传输，异步请求可以改善用户体验。但是在某些特殊情况，我们依然需要使用同步请求来实现交互。本文将讲解如何在vue项目中使用axios实现同步请求。问题分析我们知道，在传统的ajax方法中，我们可以使用参数async设置为false来表示同步请求$.ajax({ type : "POST", //请求方式 async: f...
2019-08-10 14:01:31
4471
原创 Vue-如何实现vuex模块化
就像React的生态系统有redux一样，vue的生态系统中的一员vuex也扮演着重要的角色。由于现在很多优秀的博客都介绍了vuex的原理以及基本用法，因此本文不会在此赘述。而是依据笔者的项目，简单介绍如何实现vuex模块化。Vuex 入门，这是笔者浏览的一篇不错的入门文章。安装cnpm install vuex模块处理在src目录下新增store文件夹，然后新增m...
2019-07-26 11:37:57
1051
原创 Vue-vue-router解决权限问题
在vue项目中，与后端的数据交互只能通过ajxa。在解决用户权限问题上，后台的拦截器可以拦截需要登陆的请求。在vue项目中，我们也可以vue-router的导航守卫功能实现场景描述假设有一个场景，首页页面访问不需要校验用户权限，因为用户未登录无法判断其权限。访问管理后台页面时，如果用户没有登陆自动跳转到登陆页面，这种实现效果类似与后台的拦截器。在vue项目中，我们如何实现这种效果...
2019-07-25 10:00:29
2185
原创 VUE-如何实现纯前端导出Excel文件
excel导出一般后台可以实现，但是如果前台已经有了符合要求的数据，也可以在前端纯js导出。在操作excel方面，已经有很多库支持，本文介绍xlsx实现excel导出功能。安装依赖第一步我们要做的就是，需要安装三个依赖。FileSaver.js是在客户端保存文件的解决方案，非常适合需要生成文件，或者保存不应该发送到外部服务器的敏感信息的场景。xlsx就是生成excel必要的库。...
2019-07-24 14:02:47
4273
原创 VUE-解决切换页面后，子组件通过props获取的父组件数据不同步的问题
Vue貌似很多场景，页面刷新后数据丢失。此文介绍路由子组件获取父组件的属性在刷新页面后丢失的解决办法。场景描述笔者最近的项目中，有一组页面数据需要互相共享，于是在路由父组件中通过props属性传递数据到各个子组，保证了各个页面的一致性。A子组件即A子页面修改了数据后，在页面切换后，B子组件获取的数据还是旧的初始属性，不能保证各个子页面数据的一致性。 // 子组件通过prop获取数...
2019-07-24 13:58:38
2251
原创 Vue-使用i18n实现中英文切换功能，表单验证，组件数据等
中英文切换功能，笔者是通过i8n实现的。本文讲述了各个场景下的中英文如何替换，包括表单验证，提示信息，各中组件等。安装i18n// 通过淘宝镜像安装cnpm install vue-i18n --save引入i18n在src目录下创建i18n文件夹，新增i18n.jsimport Vue from 'vue'import locale from 'ele...
2019-07-24 13:57:27
2465
1
原创 Vue-如何封装axios并且统一管理api
在vue项目中，经常会使用到axios来与后台进行数据交互，axios丰富的api满足我们基本的需求。但是对于项目而言，我们需要将其公共部分封装起来，比如异常处理，请求拦截等。本文讲述，如何在vue中封装axios。安装 // 安装 cnpm install axios cnpm install vue-axios引入在main.j...
2019-07-24 13:55:56
1839
3
原创 Vue-在vue中如何使用vue-router
vue-router作为vue的生态系统一员，帮我们解决了项目中路由的相关问题，包括路由切换，路由拦截等问题。此文将讲述如何在vue项目中使用vue-router安装cnpm install vue-router配置scr目录下新增router文件夹,然后新增index.js文件index.js内容如下:import Vue from 'vue'import ...
2019-07-24 13:54:07
419
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人