个人经验
简单的chen
此人不懒,但还是什么都没有写。
展开
-
自定义指令实现按钮加密
自定义指令(v-password)实现按钮加密原创 2023-06-27 13:54:22 · 409 阅读 · 0 评论 -
Nuxtjs3踩坑记录Cannot start nuxt: The “name“ argument must be specified
Cannot start nuxt: The "name" argument must be specified原创 2023-03-16 09:55:15 · 549 阅读 · 0 评论 -
new URL()在生产环境会出现的一种问题
new URL()再生产环境的异常情况原创 2022-10-18 15:50:22 · 2636 阅读 · 0 评论 -
前端数据字典下拉选项框封装
需求:后端给定一个数据字典的请求接口,前端根据后台返回的 去请求select下拉框的option数据。原创 2022-07-12 16:17:46 · 1140 阅读 · 0 评论 -
Vue received a Component which was made a reactive object.
报错原因:vue接收到一个组件,该组件是一个响应式对象。这可能会导致不必要的性能开销,应该通过使用’ ‘或使用’ ‘而不是’ '来避免。解决办法:使用或者’ '将组件设置为非响应式原创 2022-06-16 16:34:46 · 3120 阅读 · 0 评论 -
from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for ...
跨源资源请求问题解决方案问题描述:当我们在vsCode中使用 open in brower插件打开html文件文件时,就会报错 xxx已被CORS策略阻止,引入的资源还会失效。解决办法1 :Live Server插件在vsCode的插件市场中搜索并安装Live Server插件:安装好后,右键要打开的文件,就会出现“Open with Live Serve”选项,这样打开文件就不会报错了:解决办法2:anywhere在vsCode控制台或者cmd中安装npm install anywhe原创 2022-05-27 09:33:15 · 17701 阅读 · 5 评论 -
前端开发工具
前端开发工具有一个想入行前端的小伙伴叫我帮他整理一份前端开发的工具和资料,我就根据自己平时常用的工具整理了一份1.代码编辑器:vsCode下载地址:https://code.visualstudio.com/Download常用插件:Debugger for Chrome chrome 调试工具Auto Close Tag 自动闭合html标签Auto Rename Tag原创 2022-05-06 10:49:26 · 411 阅读 · 0 评论 -
查找dom,使其滚动到视野范围内
解决办法:使节点滚动到视野范围内的apielement.scrollIntoView()问题场景:在一颗树上检索字符,并定位到字符所在位置。解决思路:给遍历树,给包含检索字符的节点添加一个类class,再使用querySeletor()找到包含这类的节点,最后使用scrollIntoView()使其滚动到可视区域。var search=this.$el.querySelector('.search').scrollIntoView()...原创 2022-04-19 20:46:22 · 456 阅读 · 0 评论 -
el-input-number无法实时监听输入事件?我的解决办法
el-input-number无法实时监听输入事件?我的解决办法一般来说el-input-number的@change方法只会在blur的时候触发,那如何实时监听输入数字的变化呢?步骤一:将@change替换成@input.native <el-input-number :ref="'ref' + $index" v-model="row.energy" @input.native="handleInput(row, $index)" :precision="3"原创 2022-03-22 10:40:32 · 6642 阅读 · 0 评论 -
export2excel.js导出excel 多级表头
export2excel.js导出excel 多级表头所需依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loaderExport2Excel.js/* eslint-disable */require('script-loader!file-saver');// require('script-loader!@/Excel/Blob');require('./Blob');require('sc原创 2022-01-19 17:02:37 · 2001 阅读 · 0 评论 -
echarts如何显示一个省的部分市
echarts如何显示一个省的部分市例:我想显示内蒙古地区的部分市、盟,只显示蒙东地区。文章目录echarts如何显示一个省的部分市1.到[地图选择器](http://datav.aliyun.com/tools/atlas/index.html)下载内蒙古自治区的地图json2.打开这个json文件删除不需要地区信息3.在main.js(*或者其他地方但是一定要引入*)中注册地图信息。4.在页面上使用5.效果展示1.到地图选择器下载内蒙古自治区的地图json2.打开这个json文件删除不需要地区原创 2021-10-18 11:04:04 · 1298 阅读 · 1 评论 -
响应式组件
Vue received a Component which was made a reactive objectvue接收到了一个响应式的对象组件解决思路:避免组件成为一个响应式的对象组件原来的代码:<script>import mychild from '../slot/child.vue'export default { components:{mychild}, data() { return { //在data重声明插槽,会被动态绑定 &l原创 2021-09-15 16:40:23 · 408 阅读 · 0 评论 -
echarts v5去除内置的geoJSON
echarts v5去除内置的geoJSONecharts 高版本中去除了内置的map.json原创 2021-09-15 16:36:48 · 283 阅读 · 0 评论 -
Catch all routes (“*“) must now be defined using a param with a custom regexp
vue3报错 Catch all routes ("*") must now be defined using a param with a custom regexpvue3对404配置进行了修改,必须要使用正则匹配原因:Vue Router不再使用path-to-regexp,而是实现了自己的解析系统,该系统允许路由排名并启用动态路由。由于我们通常会在每个项目中添加一条单独的包罗万象的路线,因此支持的特殊语法没有太大的好处。参数的编码是跨路线编码,无一例外使事情更容易预测。...原创 2021-05-13 11:13:42 · 10521 阅读 · 3 评论 -
vue插件注册和使用
vue插件注册新建文件 directive.js//获取节点let findEle = (parent, type) => { return parent.tagName.toLowerCase() === type ? parent : parent.querySelector(type)}//触发器const trigger = (el, type) => { const e = document.createEvent('HTMLEvents') e.initEv原创 2021-05-06 09:02:29 · 375 阅读 · 3 评论