路在前端-CSDN博客

原创 echarts@4.9.0升级echarts@5.3.0后报错：“export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’

问题：把echarts@4.9.0升级为echarts@5.3.0后启动项目报错"export 'default' (imported as 'echarts') was not found in 'echarts'原引入方式：import echarts from 'echarts'解决方法，需改为以下方式引入：import * as echarts from 'echarts'具体可参考echarts官方v5升级指南。相关npm命令npm outdated //查看项目里所有有新版

2022-02-08 15:04:37 1632

原创世界完全对称日计算（JS）—20211202是第515个？

网上写的20211202是从公元纪年开始到现在的第515个完全对称日，写个算法测试了下，发现算出来的是第513个，求验证，结算方法如下：/*日期格式化* 参数说明：* date: 日期对象* type: 年月日之间的分隔符* 特殊处理 ~ ：格式化年份为4位* */function formatDate(date, type) { let year = date.getFullYear(); if (type === '~') { typ

2021-12-02 11:48:17 317 1

原创文件上传格式限制之accept属性配置

浏览器支持情况IE10及以上、Firefox、Chrome、Opera不支持：IE-Edge设置方式支持单个<input text="file" accept=".csv">支持多个，逗号隔开<input text="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">.csv格式.csv.xls格式a

2021-07-12 09:47:37 1907

原创状态管理Vuex中5个重要的概念：State、Getter、Mutation、Action、Mudule

State：用于维护所有引用层的状态，并确保应用中只有唯一的数据源组件中可以直接使用$store.state.count（store已经被注册到实例中），也可以先用mapState辅助函数将其映射下来Getter：维护由State派生的一些状态，这些状态随State状态的变化而变化，类似computed属性，会被缓存组件中可以直接使用$store.getters.tenTimesCount，也可以先用mapGetters辅助函数将其映射下来Mutation：提供修改State的方法组件中可以直接使

2021-07-04 21:28:14 431

原创 Vue对象支持扩展运算符

出错提示：Couldn’t find preset “es2015” relative to directorynpm install babel-preset-es2015 --save-dev根目录下建文件：.babelrc，内容如下{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "

2021-06-28 14:05:50 398

原创记录ElementUI工作中用到一些写法

清除指定表单项的出错提示this.$refs['form'].fields.map(i => { if (i.prop === 'fieldName') { //通过prop属性值相同来判断是哪个表单项 i.resetField(); return false; }});获取级联选择器的中文this.$refs['cascader'].getCheckedNodes()[0].pathLabels.join(' '); //返回空格隔开的中文

2021-06-27 11:11:50 217

原创 ElementUI常用插槽写法

Cascader 级联选择器<el-cascader v-model="cascader" :options="list"> <div slot-scope="{node, data}"> {{ data.label }} <el-tag size="mini" type="danger" v-if="data.status===1">已禁用</el-tag> </div></el-casc

2021-06-22 10:27:18 5219

原创多维数组对象、多维数组处理【多维转一维、获取多维层级/深度、多维数组简化、多维数组对象筛选、多维数组对象合并】

多维数组对象处理： 1. 多维数组对象转一维数组对象 2. 获取多维数组对象的层级/深度 3. 冗余多维数组对象简化 4. 多维数组对象根据对象里的值进行筛选 5. 结构类似的两个多维数组对象合并成一个多维数组对象......

2021-01-05 14:48:37 777

原创 chromedriver报错 & no such file or directory ‘...\node_modules\node-sass\vendor

npm install 遇到问题npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.46.0 install: `node install.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the chromedriver@2.46.0 install script.npm ERR! This is probably not a problem with npm.

2020-10-20 19:03:03 655

原创 Vue关闭eslint等常用操作方法

VUE关闭eslintVUE2找到目录文件：/build/webpack.base.conf.js找到包含类似loader:'eslint-loader’的部分整块{}注释掉VUE3打开根目录下文件.eslintrc.js删掉extends里的’eslint:recommended’，网上也有说删掉’@vue/prettier’，综合起来就是只保留’plugin:vue/essential’注意修改后重新启动项目npm run serve / npm run dev...

2020-10-05 22:08:02 655

原创 axios实例配置与全局配置设置

axios创建实例axios.create({ baseURL: 'http://localhost:8080' //请求的域名，基本地址 ,timeout: 1000 //请求的超时时长（ms） ,url: '/data.json' //请求路径 ,method: 'get,post,put,patch,delete' //请求方法 ,headers: { token: '' } //请求头 ,params: {} //请求参数拼接在url上 ,data: {} //请

2020-10-05 22:06:50 1044

原创 axios常用请求方法：get、post、put、patch、delete

get：获取数据//方式1axios.get('/data.json',{ params: { id: 12 }}).then((res)=>{ console.log(res)})//方式2axios({ method: 'get', url: '/data.json', params: { id: 12 }}).then(res=>{ console.log(res)})post：提交数据（表单提交、文件上传）appli

2020-10-04 16:36:29 2955

原创 axios @0.20.0版本delete方法遇到的问题

axios别名方式调用delete，无法获取data参数无效方法可用方法其他方法无效方法axios.delete('/delete',{ data: { id: 12 } }).then((res)=>{ console.log(res) })可用方法axios({ method: 'delete', url: '/delete', data: data }).then(res=>{ console.log(res) })其他方法卸载0.20.0版axios，安装0.19.0版.

2020-10-04 16:14:33 737

weixin_48101702的博客