qq_38121975的博客

原创 nuxt3 Vue 3 报错 Invalid vnode type when creating vnode:null

vue3，nuxt3中会自动引入components下所有组件在组件使用命名了ref实例名称和组件名称导致页面出现报错提示

原创 element-ui el-table 在Safari下表头与内容错位的兼容问题

el-table中表格和内容在Safari浏览器中错位问题

原创 常见快捷键操作

#1、Ctrl+F 万能的搜索引擎很多时候我们在一篇文章文档中查找、计算或替换同一关键词时，好多人的操作往往是从头往下一个个去找，这样费时费眼，还会漏掉。Ctrl+F 能帮你快速精准定位到你想要查找的字#2、windows+↑↓←→折叠窗口windows+方向键可以快速将页面窗口缩为上、下、左、右半边 ，并可以拉伸调整，同一屏幕下可以在两个窗口中来回点击查看编辑，实现双屏效果，好用的不得了，不信你去试试就知道#3、windows+D桌面闪现当我们在电脑上浏览一些比较隐私的东西，或者玩游戏聊天的时候

原创 几种常见的数组去重方式

数组去重的几种常见方式SetSet 是 ES2015 新增的一种数据结构，类似数组，Set 中的元素只会出现一次，即 Set 中的元素是唯一的。const a = [1, 2, 3, 4, 5, 5, 5];const b = Array.from(new Set(a)) 或者const b= […new Set(a)]console.log(b); // [1, 2, 3, 4, 5]双层 for 循环进行去重function unique(arr) {for (let i = 0;

原创 elementUI日期设置默认时间

elementUI日期设置默认时间

转载 同步异步阻塞和非阻塞区分

原创 div p span标签获取焦点并复制标签内容

vue项目开发过程遇到从接口中获取的一连串sql语句，根据项目需求在页面进行换行显示并可以进行复制，同时支持ctrl + a 和ctrl + c的快捷键复制首先将从后端接口中获取的字符串中的\n转换为 this.logDetail = this.detailData.sql.replace(/\n/g, '<br/>')页面展示要换行展示<div class="statement" tabindex="0" id="sqlDetail" contenteditable="true

原创 vue DateTimePicker 日期时间选择器添加默认时间

1、项目开发中在使用日期时间选择器时需要添加默认时间并精确到HH:mm:ss，默认时间为当天的00:00:00~23:59:59日期选择器相关属性<el-date-picker v-model="serachForm.gengerateTime" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:

原创 git pull时出现错误

项目中添加了一个新分支，同步本地的分支情况到远程仓库中，然后在远程仓库中完成分支合并，在Pull request 操作出现了一个错误，即error: cannot lock ref ‘refs/remotes/origin/xxx’: unable to resolve reference 'refs/remotes/origin 不能锁定本地分支，是在更新时出现错误，结局方式第一步，删除掉 .git 目录下 master分支 文件rm .git/refs/remotes/origin/master

原创 js深层拷贝

深度拷贝(克隆)：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。使用方式主要为JSON.stringify()和JSON.parse(）两种方法组合JSON对象parse方法可以将JSON字符串反序列化成JS对象， stringify方法可以将JS对象序列化成JSON字符串,这两个方法结合起来就能产生一个便捷的深克隆.functio...

转载 VueJS中学习使用Vuex详解

在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...

原创 vue + vue-quill-editor富文本编辑器

vue项目开发中在使用vue-quill-editor富文本编辑器样式不生效处理方式1、在main.js中引入vue-quill-editor2、后台中选择居中样式此时页面中已经添加了相应的class名称，但是页面样式依旧不生效，如下3、需要在对应的标签中类名class=“ ql-snow ql-editor ”4、添加class类名后效果如图...

原创 vue+ elmentUI实现form表单中文件、图片的上传

VUE elementUI 表单上传在项目开发需求中基于VUE + elementUI在表单实现多张图片和Excel文件上传的需求。1.图片上传模板:action，必选参数，上传的地址，String类型。:accept 文件上传类型drag是否启用拖拽，:limit文件或者图片数量限制multiple 是否支持多选文件2、常用方法介绍1、在实现自定义上传的:auto-up...