Komorebi_00的博客

弹窗滚动穿透问题解决方法

手动搭建项目，webpack打包配置详解

前端实现打印预览和打印功能页面不刷新问题解决

【代码】VSCode中settings.json常用配置。

Uncaught (in promise) Error: Redirected when going from "/login" to "/home" via a navigation guard.

[vue-router]：router.addRoutes() is deprecated and has been removed in Vue Router 4. Use router.addRoute() instead.

【代码】Vue批量下载图片。

A plugin must either be a function or an object with an “install“ function.

axios

根据列表数据生成查询条件，并实现查询功能

如果一个文件已经被 Git 跟踪，那么再将这个文件添加到 .gitignore 中并不会忽略文件变更。在开发阶段，有时候需要临时忽略本地仓库中已提交的文件的变更。Git会告诉我们，.gitignore的第3行规则忽略了该文件，于是我们就可以知道应该修订哪个规则。注：以上步骤不会从系统中删除文件，只是告诉Git以后忽略该文件的变更。也可以通过以下方式进行。这主要是为了防止文件被开发者修改。...

因此，如果我们运行npm run serve 在就先加载.env文件，之后加载.env.development文件，如果两个文件有相同的变量名，则后加载的文件就会覆盖掉第一个文件，也即是.env.development文件覆盖掉了.env文件的NOOE_ENV选项。属性必须以VUE_APP_开头，后边可以使用任意名字结尾，在代码中使用process.env即可访问到定义的环境变量。全局默认配置文件，不论什么环境都会加载合并。开发环境下的配置文件，使用。生产环境下的配置文件，使用。时默认会加载此配置文件。..

.editorconfig文件配置说明

组件上监听原生事件父组件中<template> <div> <h1>.native修饰符</h1> <div @click="onParentClick">父组件里的div</button> <Child /> </div></template><script> //引入Child组件 import Child from './components/Child

一、keep-Alive搭配vue-router实现缓存页面效果1.1 keep-alive<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。<keep-alive> 与 <transition>相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链中存在，比如：你永远在 this.$pa

vue实现两个小时倒计时<template> <div class="start-test"> <el-card> <!-- 倒计时 --> <div class="count-time"> <span>考试剩余时间：</span> <span><i class="el-

vscode格式化文档与eslint冲突在vue项目中新建一个.prettierrc.json的文件配置如下：{ //关闭格式化文档时自动加分号 "semi": false, //使用单引号 "singleQuote": true, //最后一行自动加逗号问题 "trailingComma": "none"}关闭eslint中函数名与括号之间加空格的报错：打开.eslintrc.js文件，在rules里面添加一行代码：‘space-before-function-paren’:

Vue指令：1.v-text：设置标签的内容默认的写法会替换全部内容，使用差值表达式{{}}可以替换指定内容，内部支持写表达式2.v-html：设置标签的innerHTML内容中有html结构会被解析为标签v-text指令无论内容是什么，只会解析为文本解析文本使用v-text，需要解析html结构使用v-html3.v-on：为元素绑定事件事件名不需要写on指令可以简写为@绑定的方法定义在methods属性中方法内部通过this关键字可以访问定义在data中数据4.v-show：指令