1.npm先安装三个包：npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev2.下载两个js文件：链接：[https://pan.baidu.com/s/1X0CCKwnOcv4U9J6unpZNEA](https://pan.baidu.com/s/1X0C...

PC端：1. ElementUI：http://element-cn.eleme.io/#/zh-CN2. iView：https://www.iviewui.com/3. VueStrap：http://yuche.github.io/vue-strap/4. VueAdmin：https://admin.vuebulma.com/#/5. KeenUi：https...

安装vue-progressbaryarn addvue-progressbar --save或者npm i vue-progressbar --save在main.js中引入import VueProgressBar from 'vue-progressbar'Vue.use(VueProgressBar, {color: '#1890ff',// 进度条颜色...

最近项目中要使用到语言切换这一功能，遂百度一番，发现使用vue-i18n即可以实现项目国际化。1. 首先安装vue-i18nnpm install vue-i18n2在main.js里面引用...import VueI18n from 'vue-i18n'Vue.use(VueI18n)3创建i18n实例import zh from './../static...

接触Framework7有一段时间了，感觉就一个字：赞，爽。对比于Vue其他的手机端UI框架，Framework7的体验堪比原生，F7自带了路由系统，所以跳转页面什么的用F7的即可，会用VueRouter就会用F7Router。但是使用过程中，坑也是踩过不少，会陆续在后面的博客中记录。先记上Framework7的官方文档地址：https://framework7.io/我用的vue-cli3搭..

Vue3.0 中新增了Composition API , 在使用h函数渲染vnode时，如果需要使用ref, 和 vue2.0中有所不同。先来看在 Vue3 如何在模版语法中使用ref（options语法中获取ref和2.0版本语法无差异）<template><div ref="divRef">ref demo</div></template>&lt

vue-cli3可以直接生成vue+typescript项目，然后对axios进行封装，实现拦截多次重复请求，并取消。直接撸代码（也是借鉴网上的，做了修改）在根目录下新建axios.tool.ts文件import Vue from 'vue';import router from './router';import axios from 'axios';import qs from...

项目需求：列表式切换商品，有时候上一次请求的结果非常慢，而我又点了另外一个商品，这时候第二次请求的接口比上一次快，那么就点击第二次的商品看到的信息却是上一次的商品信息，这样的用户体验极其不好；解决方案：在点击下一个商品的时候，将上一个商品请求的接口中断取消请求。axios官网给出了取消请求的方法：方法一：axios.get('/user/12345', {cancelToken...

想要屏幕滚动到广告位置，固定，设置了fixed定位，然而却不生效，以前没有出现过这样的情况，百度一查，，，原来我在路由出口的div设置了动画，用到了transform属性，导致position: fixed失效，，将transform去掉之后，就可以了。总结：遇到position: fixed失效情况，不妨检查一下，祖先元素是否设置了transform，将其去掉就可以了。...

很多时候，项目有些页面需要用户进行登录才可以继续进行操作，，登录完之后就需要跳转到用户登录之前想去的那个页面，这个实现比较简单：使用axios进行http请求，进行拦截：axios.interceptors.response.use(res => {//对响应数据做些事if (res.data.code === -1) {// 这里根据自己接口返回状态进行判...