- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue-router+vuex+localStorage导航守卫实例
使用localStorage模拟保存token,因为localStorage默认保存的是字符串,所以就限制保存isLogin为0就是未登录,要默认直接跳到/login页面,若为1就是默认到/home页面,没有localStorage的也是默认跳转到/login登录页 1.router.js--使用beforeEach前置导航判断是否要跳转/login页面 /* eslint-disable ...
2019-06-17 11:56:00
1650
原创 vue+slot+transition+v-model实现淡入淡出弹窗效果
1.首先说一下v-model,印象中只有input标签使用?太天真,它是进行双向数据绑定的,有了它再不用多写代码了. v-model是 :value和@input的语法糖 使用v-model时: <input v-model="sth"/> 等效于 使用:value和@input时: <input :value="sth" @input="sth=$event.t...
2019-06-14 18:00:52
1455
转载 axios拦截器/数据交互实例
本文章是在rap2模拟接口下实现axios交互功能,axios拦截大部分代码逻辑来自https://blog.csdn.net/qq_38145702/article/details/81558816 1.src目录下新建axios文件夹,内有api.js和request.js 首先是request.js //对axios的封装 /****** 创建axios实例 ******/ impo...
2019-06-13 14:03:44
1169
原创 使用vue-loader的v15版本的cssModule导致样式错乱的解决方法
首先看文档: https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E5%8F%AF%E9%80%89%E7%94%A8%E6%B3%95 把oneOf可以让以下两种方式并存: 一种就是module用法,在style标签后面加module,可以用:class="$style.minHeader" ; 一种就是普通的scoped...
2019-06-12 18:44:51
712
原创 利用es6和es5的继承方式写一个简单的弹窗
本片博文受到https://blog.csdn.net/zfzhuman123/article/details/90411793的启发,es6部分代码只改了一点点,逻辑也是遵照他的思想来的,而且es5继承的部分也是用了部分es6的语法 1.首先是index.html <!DOCTYPE html> <html lang="en"> <head> ...
2019-06-11 00:45:05
240
原创 一个登录mock的demo看es6的实际应用
1.首先要有npm环境,下载安装省略,网上一大堆安装详解 2.新建一个空的文件夹 npm init 然后一路enter选默认的 3.在package.json中加入下面的插件,然后保存后直接npm install { "name": "es6-06-09", "version": "1.0.0", "description": "", "main": "index.js...
2019-06-09 23:41:41
325
原创 vue全局使用filter模块格式化参数(涉及JavaScript正则分组)
1.新建filter目录,内写index.js let dataServer = value => { //保留xxxx-xx-xx的格式 // return value.replace(/(\d{4})(\d{2})(\d{2})/g, '$1-$2-$3') var pattern = /^(\d{4})\-(\d{2})\-(\d{2})\s(\d{1,2}...
2019-06-05 23:49:01
338
1原创 vue字母按钮出现城市列表并滚到顶部
点击26个字母出现以该字母开头的城市 原理: 1.获取字母A到顶部的距离startY 2.获取当前点击的字母到顶部的距离touchY 3.因为一个字母的区域高度已知为20px,所以可以寻找下标index const index = Math.floor(( touchY - this.startY) / 20) 4.通过this.$emit('change', this.letters...
2019-06-04 16:33:36
699
原创 vue侦听属性的应用--三级联动
1.用vue-cli3创建的vue项目 2.在vue.config.js配置一下 const webpack = require('webpack') const path = require('path') const appData = require('./data.json') const city = require('./city.json') const seller = ap...
2019-06-04 15:56:45
763
原创 vuex的简单使用和模块化写法
1.新建一个store文件夹在src目录下 (1)新建index.js import Vue from 'vue' import Vuex from 'vuex' import state from './state' import getters from './getter' import mutations from './mutation' import actions from ...
2019-06-03 22:26:03
273
原创 vue轮播图
1.利用js的this.$refs拿到dom进行操作 <template> <div id="slider"> <div class="window"> <ul class="container" ref="container" v-if="true" @mouseout="play" @mouseover="clear"&...
2019-06-03 21:04:20
138
原创 linux centos7安装anaconda3
1.首先使用虚拟机Parallels安装centos7 2.从anaconda官网下载anaconda3的linux版本,因为parallels可以共享本机的文件夹,直接到该文件夹的终端下: bashAnaconda3-2019.03-Linux-x86_64.sh 一路enter,当要选择yes or no时写yes就行了,不要急着ctrl+c,这里还有安装本地的提示,所以就再enter...
2019-06-01 00:27:51
390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人