vue
前端爱好者_ss
这个作者很懒,什么都没留下…
展开
-
使用vue-element组件制作简单的音乐播放器
使用到的组件element组件布局 Layout按钮 Button滑块 Slider进度条 Progress弹出框 Popoverhtml5组件audio<template> <div> <el-row> <el-col :span="4"> <el-popover p...原创 2019-05-17 09:47:02 · 1413 阅读 · 0 评论 -
vue-cli3实现分环境打包步骤(给不同的环境配置相对应的打包命令)
在vue-cli3的项目中,npm run serve时会把process.env.NODE_ENV设置为‘development’;npm run build 时会把process.env.NODE_ENV设置为‘production’;此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。头疼的是打包时线上环境可能分多种,比如测试环境...转载 2019-03-14 09:10:43 · 967 阅读 · 0 评论 -
Form表单常用校验的封装 vue iview
Form表单部分<div> <Form ref="FormOne" :model="FormOne" :rules="ruleFormOne" :label-width="80"> <FormItem label="姓名" prop="name"> <i-input原创 2019-03-14 09:18:46 · 1429 阅读 · 0 评论 -
二次封装axios,根据参数来实现多个请求多次拦截
新建 axiosTool.js 文件,设置请求拦截和处理的逻辑import Vue from 'vue'import axios from 'axios'//取消请求let CancelToken = axios.CancelToken//设置默认请求头,如果不需要可以取消这一步axios.defaults.headers = { 'X-Requested-With': '...转载 2019-03-14 09:28:54 · 511 阅读 · 0 评论 -
Vue 全站缓存之 keep-alive : 强制动态移除缓存
keep-alive 默认不支持动态销毁已缓存的组件,所以此处给出的解决方案是通过直接操控 keep-alvie 组件里的 cahce 列表,暴力移除缓存://使用Vue.mixin的方法拦截了路由离开事件,并在该拦截方法中实现了销毁页面缓存的功能。Vue.mixin({ beforeRouteLeave:function(to, from, next){ if (fr...原创 2019-03-27 18:27:22 · 3386 阅读 · 0 评论