m0_46581222的博客

原创 error: src refspec master does not match any

gitee默认是master，而reac创建的本地项目分支为main。解决：把本地分支改为master。

原创 uniapp的barcode组件去掉自动放大功能

【代码】uniapp的barcode组件去掉自动放大功能。

原创 webstorm格式化或保存时 vue3引入的组件被删除了

解决办法保存时设置格式化设置

原创 webstorm带跨域参数打开谷歌浏览器

disable-web-security --user-data-dir=目录路径。–disable-web-security --user-data-dir=目录路径。在目录下创建一个空白的目录。

转载 Vue2 和 Vue3 的 v-if、v-for 同时使用优先级

当它们处于同一节点，v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中。当你只想为部分项渲染节点时，这种优先级的机制会十分有用。当它们同时存在于一个节点上时，v-if 比 v-for 的优先级更高。这意味着 v-if 的条件将无法访问到 v-for 作用域内定义的变量别名。

原创 前端调试谷歌浏览器日志显示...node_module...

前端调试谷歌浏览器日志显示...node_module...

原创 代码迁移到gltlab仓库，包含全部分支和提交记录

解决：新的仓库建立master分支，再把默认分支给到master，重新推送。去掉默认分支保护，推送完再完原回来。文件名：xxx.git。

原创 nrm,npm源的管理工具

手动切换不免不太方便，而且网上很多资料淘宝源还是过期的链接，那么有什么可以管理淘宝源的工具呢？就像管理node版本的nvm。管理npm源的工具。

原创 高德地图判断经纬度是否在所选的行政区域内

【代码】高德地图判断经纬度是否在所选的行政区域内。

原创 逻辑运算符和可选链和空值合并运算符

"或 if 将表达式进行强制转化为 bool 值的运算，运算结果为 true 或者 false。

原创 隐藏滚动条还可以滚动

:-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮)::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分。::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分。::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)::-webkit-scrollbar-thumb — 滚动条上的滚动滑块。

原创 行内元素、块级元素和置换元素、非置换元素

看了很多的文章，很多文章把元素分为行内、行内块、块元素。但是img、input等又能设置宽高，有些文章归类于行内元素 ，有些归类于行内块元素，故而查看mdn文档。并没有行内块元素一说。

原创 el-input的type为number输入e会显示

直接用表单校验吧。

原创 vue其他js文件使用this

【代码】vue其他js文件使用this。

原创 nvm管理多个node版本

这步原文章：[https://blog.csdn.net/weixin_52842569/article/details/124865431?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167990510016800182765828%2522%252C%2522scm%2522%253A%252220140713.130102334…进入安装目录，cmd输入一下两个命令。可在非安装目录使用nvm命令。

原创 gitlab用personal access token推拉代码

将复制的用户名、personal access token替换、[在这里插入图片描述](https://img-blog.csdnimg.cn/00f303。

原创 el-tree改变默认渲染的label和children字段

el-tree改变默认渲染的label和children字段。

原创 elementui plus轮播图加载卡顿

原因看了其他博客，原因是el-carousel会创建一个空白的轮播item（未验证）解决加上v-if

原创 Avoided redundant navigation to current location

字面意思，当前路由跳转到当前路由了。简而言之就是a跳转到a路由。

原创 _this.$refs.[‘xxx‘].instance.xxx调用子组件报undefind问题

this.$nextTick()等子组件加载完毕在调用。父组件加载完，但是子组件没有加载。，可以在父子组件通过生命周期查看。

原创 echarts地图自定义图片在vite构建的vue3项目引入问题

官网：https://cn.vitejs.dev/guide/assets.html。地图本地引入图片显示成功，vite打包没有将图片打包进dist文件夹。引入图片要按照vite的静态资源引入方式。没有形成依赖，vite不会将其打包。

原创 vue3去除警告

api地址：https://cn.vuejs.org/api/application.html#app-config-warnhandler。注意：只能去掉vue规则下的警告，其他插件，例如echarts不能去掉。

原创 动态显示当前北京时间

记录好复制jsfunction showTime() { let time var week = new Array( "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" ); var date = new Date(); var year = date.getFullYear(); var month

原创 webstorm导出设置配置和将双引号替换为单引号

导出设置配置将双引号替换为单引号

原创 webstorm禁止自动保存

未保存的文件 * 号提示：

原创 webstorm保存格式化代码

原创 将arraybuffer数组转换成base64

工作记录后端传回的验证码格式是arraybuffer格式，需要将其转换成二进制，再转换成base64格式的图片axiosexport const getVerificationCode = () => { return service({ method: 'post', url: "/api/sysUser/image", responseType: 'arraybuffer' })}jshtml:<img clas

原创 includes的应用

工作记录includes：返回布尔值，表示是否找到了参数字符串用法let str='asdasdasggfgjhgfasa'str.includes('as')//true['demoasddfgdfgdfgdfg'].includes('demo')//trueincludes支持参数

原创 el-form的label和el-input不在同一行

背景太久没用原生的elementUI，遗忘故记录问题一：单个el-input和el-form-item的label在同一行方法一：给el-form-item设置label-width <el-form model="form" :rules="rules" class="form_class"> <el-form-item label="公文编号:" label-width="100px"> <el-input pl

原创 点击echarts地图，高德地图跳转对应位置(显示海量点标志和信息窗体)

工作记录echarts地图:默认安装了echarts和引入四川的地图jsongetShowMan<template> <div class="app-container"> <div id="main"></div> </div></template><script>import * as echarts from "echarts";import sichuan from '@/utils/

原创 v-for给每一个item单独绑定方法

工作记录代码：<template> <div id="container"> <button class="demo" v-for="(item,itemKey) in itemList" :key="itemKey" @click="itemFun(item)">{{itemKey}}</button> </div></template><script>export default { nam

原创 ‘infoWindow‘ is assigned a value but never used no-unused-vars

工作记录报错代码 let infoWindow = new AMap.InfoWindow({ isCustom: true, //使用自定义窗体 });解决：加注释：// eslint-disable-line no-unused-vars let infoWindow = new AMap.InfoWindow({// eslint-disable-line no-unused-vars isCustom: true, //

原创 扩展运算符在对象得运用

工作记录今天码代码得时候发现同事写的代码，引起好奇心，遂有此文代码：请求方法//项目基于avue，searchChange为搜索促发事件，onLoad为页面首次或者被调用促发事件//params为搜索参数，对象格式：{ }； done结束搜索方法data(){ return{ page: { pageSize: 10, currentPage: 1, total: 0, },}},methods:{

原创 this.$refs.xxx报Cannot read properties of undefined (reading ‘xxx‘)“

工作记录背景：父组件在通过this.$refs获取子组件的属性和方法子组件： <alarmareasasd v-if="optype == 'fence'" ref="setfenceref" @callback_fun_choice_area="callback_fun_choice_area" @callback_fun_choice_close="callback_fun_choice_clos

原创 el-input标题和输入框不在同一行

工作记录问题：解决：给label设置长度 <el-form :model="form" label-width="80px">

原创 console.log(...) is not a function

工作记录背景：立即执行函数解决：在console.log(this, “foo打印的this”)加上 ; 号var a = 10function foo() { console.log(this, "foo打印的this"); (function text() { console.log(this.a, "this.a") })()}let obj = { a: 2, foo: foo}obj.foo()...

原创 el-option默认选择

工作记录el-option默认选择HTML//query.applyLevel的值为鼠标选择不同下拉框绑定的value值<el-select size="small" v-model="query.applyLevel" placeholder="请选择类型" style="width: 170px" >

原创 uniapp的video组件视频预览略缩图问题

工作记录视频预览时，会生成一个缩略图，播放按钮和视频长度为白色。放缩略图为白色时，播放按钮和视频长度看不清，所以需加个背景加了背景效果：解决：controls设置为true,去掉poster属性。poster：设置缩略图，不设置时，视频会抽取第一帧作为缩略图原代码：<video id="myVideo" class="video" @loadedmetadata="loadedmetadata" :src="videoInfo.attachLink" @error="videoE

原创 v-for动态绑定图片

工作记录背景：v-for中需要动态绑定图片和文字,Data数据需要用以下个格式： src: require("…/…/…/public/img/bg/user.png"),html:<div class="article-data"> <div class="data-item" v-for="(allnums, allnumkey) in statisticalInfo" :key="allnumkey" &

转载 elementUI的el-switch的使用

工作记录背景：el-switch绑定值的问题第一种：v-model绑定布尔值<template> <el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"> </el-switch></template><script>export default { name: "hom