chicidol - 博客园

2021年7月

配置开发环境.env.development 和生产环境.env.production

摘要： //.env.development NODE_ENV = 'development' VUE_APP_BASE_API1 = '/localApi1' VUE_APP_SRC1 = 'https://abcd.com/' //.env.production NODE_ENV = 'producti 阅读全文

posted @ 2021-07-27 16:41 chicidol 阅读(3702) 评论(0) 推荐(1)

页面加载优化篇1------vue gzip优化页面加载速度，速度快一倍

摘要：在打包时可以借助 compression webpack plugin 实现gzip压缩，首先需要安装该插件：npm i-D compression-webpack-plugin //vue.config.js const CompressionPlugin = require("compressi 阅读全文

posted @ 2021-07-27 15:35 chicidol 阅读(135) 评论(0) 推荐(0)

判断后端返回的图片地址是否可用，不可用就显示默认的图片

摘要： <img :src="!state?defaultimg:url" alt="" /> data(){ return{ defaultimg: require("@/assets/images/headimg.png"), url:'https://aliyun.com/', state:false 阅读全文

posted @ 2021-07-27 15:05 chicidol 阅读(328) 评论(0) 推荐(0)

监听网络状态，弹出网络异常提示语

摘要： data(){ return{ onLine: navigator.onLine, } }, mounted(){ window.addEventListener('online',this.updateOnlineStatus); window.addEventListener('offline' 阅读全文

posted @ 2021-07-26 18:30 chicidol 阅读(183) 评论(0) 推荐(0)

vue自定义指令directive，实现下拉列表数据太多时，分段加载

摘要： <template> <div class="content"> <el-select v-model="value" v-el-select-loadmore="loadMore()" placeholder="请选择"> <el-option v-for="(item,index) in lis 阅读全文

posted @ 2021-07-07 15:02 chicidol 阅读(281) 评论(0) 推荐(0)

post请求传'Content-type': 'application/x-www-form-urlencoded'格式的数据

摘要： qs传参时会把值为空的字段直接消失，不穿这个字段，会使请求失败，不使用qs可以使用下面这个方法定义全局方法 //utils->utils.js export function objTostring (obj) { var str = ''; for (var key in obj) { str 阅读全文

posted @ 2021-07-02 16:17 chicidol 阅读(509) 评论(0) 推荐(0)

2021年6月

mixins

摘要：混入 (mixins)：是分发 Vue 组件中可复用功能的一种方式。mixins混入对象可以包含组件的任意选项。当组件使用mixins混入对象时，所有混入对象的选项将被混入该组件本身的选项。使用：新建mixins文件夹，再新建info.js //mixins->info.js export de 阅读全文

posted @ 2021-06-23 16:04 chicidol 阅读(140) 评论(0) 推荐(0)

vue.config.js基本配置

摘要： //vue.config.js const path = require('path') const resolve = (dir) => path.join(__dirname, dir) module.exports = { publicPath: './',//基本路径 assetsDir: 阅读全文

posted @ 2021-06-21 14:47 chicidol 阅读(2559) 评论(0) 推荐(0)

nrm安装与使用

摘要： nrm是一个npm源管理工具，使用它可以快速切换npm源。主要可以用于切换npm源为taobao镜像，由于npm是国外的，安装依赖时速度比较慢，可以切换为taobao镜像，安装速度就会比较快，也不会出错安装：npm install -g nrm 安装完后使用nrm -V查看版本如果报错： i 阅读全文

posted @ 2021-06-21 11:11 chicidol 阅读(219) 评论(0) 推荐(0)

axios

摘要：首先安装axios npm install axios --save 在src下新建utils文件夹再新建request.js文件 //utils->request.js import axios from 'axios' const requests = axios.create({ baseU 阅读全文

posted @ 2021-06-18 17:17 chicidol 阅读(40) 评论(0) 推荐(0)

公告