- 博客(19)
- 收藏
- 关注
原创 Vue router页面加载进度条
nprogressrouter.jsimport Vue from 'vue'import Router from 'vue-router'import store from '@/store'import NProgress from 'nprogress' // progress barimport 'nprogress/nprogress.css' // progress...
2020-01-09 11:08:25
539
原创 axios request请求封装
import axios from 'axios'// import notification from 'ant-design-vue/es/notification'import message from 'ant-design-vue/es/message'import store from '@/store'import { VueAxios } from './axios'...
2019-12-26 18:53:11
1408
转载 解决Vue 打包后静态文件404问题
https://blog.csdn.net/qq_30455841/article/details/81240290
2019-09-04 16:07:22
1937
原创 生产环境配置url
configUrl(port = 9002){ if(process.env.NODE_ENV === 'production'){ return `http://${location.hostname}:${port}` } return ''}
2019-09-04 11:38:44
391
原创 Vue 国际化配置
1.npm i vue-i18n2.在main.js中引入vue-i18nimport VueI18n from 'vue-i18n';import messages from './assets/i18n/i18n'Vue.use(VueI18n) const i18n = new VueI18({ local: 'zh_CN', messages,})...
2019-09-04 11:06:12
151
原创 Echarts常用配置(折线图阴影渐变,柱状图堆叠,柱状图顶部显示数量,饼图引导线配置,饼图引导线末加圆点效果)
1.折线图与柱状图鼠标hover效果tooltip:{ width:20, axisPointer:{ type:'shadow' }, fommatter(params){ return params[0] //params是图表数据,为数组,在有两个数据(折线图或柱状图堆叠的情况)的情况下可通过params来区分数据源...
2019-08-13 16:08:58
1450
转载 echarts折线图美化-曲线区域颜色渐变
echarts折线图美化-曲线区域颜色渐变https://blog.csdn.net/sx_lidan/article/details/81563116
2019-07-25 16:29:59
2350
原创 vue中封装ajax请求,并且拦截请求在请求头中添加token
/** * 封装请求方法 * @param {Object} url 接口请求地址 * @param {Object} data 接口请求参数(无需请求方式参数,则此项可以为空,否则必须传) * @param {Object} params 请求方式参数(可以为空) */ function...
2019-04-16 13:39:14
7683
转载 vue-cli整合vuex的时候,修改actions和mutations,实现热部署
在store.js里面添加如下的代码就可以了:// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutations').default // Vuex 提供的热重载接口 store.hot...
2019-04-11 17:22:10
220
原创 Vue webpack打包自动删除debugger和console语句
利用UglifyJsPlugin插件来实现项目打包后,删除debugger和console语句在build/webpack.prod.conf.js文件中添加如下代码plugin:[ new UplifyJsPlugin(){ uglifyOptions: { compress: { warnings: fal...
2019-04-11 11:26:22
2459
转载 使用 ProvidePlugin 插件来处理像 jQuery 这样的第三方包
# 注意这里是 --save 而不是 --save-dev,因为要在线上环境上用 jquery$ npm install --save jquery
2019-04-09 17:16:52
2612
转载 Vue中export和export default的区别和用法
Vue是通过webpack实现的模块化,因此可以使用import来引入模块,例如:import Vue from 'vue'import Router from 'vue-router'import util from '@assets/js/util'此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置:resole:{ ext...
2019-04-01 17:20:39
17381
原创 Vue2.0使用watch监听对象类数据变化无效
父组件<template> <div> <children :testWatchData1='testWatchData'></children> <button @click="testWatch"></button> </div></template...
2019-03-30 14:48:39
2542
原创 jq中append DOM元素时,点击一次,执行多次
jq中使用on("click",function(){$(this).append('<span>添加的DOM元素</span>')})在执行一次点击事件后,多次追加DOM元素解决方法:使用$("#test").off("click").on("click",function(){$(this).append('<span&am
2019-01-09 11:05:01
941
转载 通过【事件委托】解决click无效的问题
<button class="btn">添加</botton><ul> <li> <button class="del">删除</botton> </li> <li> <bu
2018-09-25 10:12:14
877
原创 Vue中的懒加载
1.路由懒加载export default new Router({ router:[ path:'/myproject', name:'myproject', //懒加载 resolve=>require([URL],resolve) compontent:resolve=>require(['../pag...
2018-09-18 15:37:26
447
转载 IE浏览器中Image对象onload失效的解决办法
作为WEB设计者,为了在网页展示上加强用户体验,经常会利用图象载入显示状态方法,这自然需要Image对象的onload事件。 在firefox浏览器下完成开发后,可是在IE浏览器中进行调试总不能被调用。不管是最新版的IE8还是旧版本的IE7和IE6都无效,最初的代码简化后如下: var img = new Image(); img.src = "test.gif"; img.onload = fu...
2018-09-11 17:36:34
722
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人