组件 常用confirm vue

# 业务背景 有时候日志的信息比较多，怎么样才可以让系统做到自适应采样呢？ ## 拓展阅读 [日志开源组件（一）java 注解结合 spring aop 实现自动输出日志](https://houbb.github.io/2023/08/06/auto-log-01-overview) [日志开源组 ......

1. Count.vue <template> <div> <h1>当前求和位{{ sum}}</h1> <h1>当前求和放大10倍后是{{ bigSum }}</h1> <h1>我在{{school }},学习{{ subject }}</h1> <select v-model.number="n ......

在开发中，通常会把一些静态资源放在assets文件夹下，但是assets目录下的内容是需要vite编译打包的，所以如果只是引用assets目录下的资源时，使用绝对路径、相对路径均可。 但是，在开发中，我们经常会引用一些不被打包的资源，此时该资源是放在 public 目录下的，那么在引用时，路径的写法 ......

@Controller 注解的作用 在 Spring MVC 中，控制器 Controller 负责处理由 DispatcherServlet 分发的请求，它把用户请求的数据经过业务处理层处理之后封装成一个 Model ，然后再把该 Model 返回给对应的 View 进行展示。在 Spring M ......

elementui只提供了除全选之外其他复选框的禁用方法： <el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column> // 禁用table中的复选框 ......

假设用户登录，在地址栏输入了Login，人性化的设计应该自动回到home页面。或者用户输入不存在路由，也应该回到home页面。 这个时候需要用到vue-router的导航守卫功能。 在我们封装的router.js文件下添加router.beforeEach…… const router = crea ......

1，字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构，可以去除重复元素，其特征为无序且不重复，经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......

可拖动排序的列表 drag-list，这个比较简单易懂，拿例子直接运行看效果就好了。 组件代码： 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra ......

Options Api Options API，即选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑 如下图： Composition Api 在 Vue3 Composition API 中，组件根据逻辑功能来组织的，一 ......

mounted() { window.onresize = () => { return (() => { this.$nextTick(() => { if(document.documentElement.clientWidth <= 1000){ this.mode = "vertical" ......

Navicat 常用快捷键 Shift + Home 光标 ->当前行行首 单行选中内容 Shift+End 光标 ->当前行行尾 Ctrl + R 运行已选择的 运行已选择的 Ctrl + Shift + R Ctrl + / 注释sql语句 注释 Ctrl+D 复制当前行 Ctrl + l 删除 ......

隐藏input输入框的增减按钮/* 谷歌 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0;} / ......

基于日历组件（lilo-canlendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5 ......

Docker是一种开源的容器化平台，它提供了一种轻量级的容器化解决方案，可以将应用程序及其依赖项打包成一个可移植的容器。以下是一些常用的Docker操作命令和手册： 镜像操作： docker images：列出本地的镜像列表。 docker pull <image_name>：从Docker仓库中拉 ......

一，登录百度统计获取统计代码: 使用设置->网站列表->新增网站: 填写数据后点确定: 配置单页: 复制代码: 二，添加代码到vue的html页面 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 2 ......

模块化 模块： 最初的目的是将同一类型的代码整合在一起； 所以模块的功能相对复杂，但都同属于一个业务； 不同模块之间也会存在依赖关系； 但大部分都是业务性的互相跳转，从地位上来说它们都是平级的 特点： 分属同一功能/业务的代码进行隔离（分装）成独立的模块，可以独立运行； 以页面、功能或其他不同粒度划 ......

最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> ......

1. 远程操控docker docker -H tcp://ip:port command，如docker -H tcp://localhost:2375 images 2. 登录docker仓库 docker login repository_host，然后根据提示输入username，passw ......

可以通过以下方式理解Kubernetes的二级选项： Master节点： API Server（API服务器）：API Server就像是餐厅的前台接待员，接收顾客的点餐请求，并将请求传达给相应的餐桌（Pod）。 etcd（键值存储）：etcd就像是餐厅的菜单和订单记录本，它存储着餐厅的菜单信息、订 ......

多个Form内容统一提交验证 1 <el-form ref="form1"></el-form> 2 <el-form ref="form2"></el-form> 3 <el-form ref="form3"></el-form> 4 <el-form ref="form4"></el-form> ......

## Vuex与vuex-persistedstate ### Vuex是什么？ Vuex是一个用于Vue.js应用程序的状态管理模式。它使得在应用程序中的所有组件之间共享和访问状态变得非常简单。Vuex将应用程序的状态存储在一个单一的存储库中，并且提供了一组用于更改状态的API。这使得状态管理变得 ......

##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......

##### crond 任务调度实例 - crond 相关指令： ~~~shell ###1.终止任务调度 crontab -r ###2.列出当前有哪些任务调度 crontab -l ###3.重启任务调度 service crond restart ~~~ - 应用实例 ~~~shell ### ......

normalizeKey is not a function #element#vue#疑难杂症 原因是组件中使用了 import { Search } from '@element-plus/icons-vue' 解决方案是，在 main.ts 中，将 Vue 的引入置顶。 // TOP impo ......

jQuery常用方法 jQuery入口函数 作用:等待文档中的标签加载完毕(不等待内容加载完毕),然后再执行入口函数中的代码 语法: `$(document).ready(function(){});`完整写法 `$(function(){});`简写 DOM入口函数 作用:等待文档中的标签和内容加 ......

此处记录我对u-number-box的错误使用： <u-number-box v-model="item.num" @change="onChangeNum(item,index)"></u-number-box> 业务：修改购物车数量，遍历数据data给u-number-box赋值，u-numbe ......

注意！！！ 仅当笔记使用如有侵权请联系删除 原文链接：https://blog.csdn.net/c_qianxia5040/article/details/125293035 <template> <div> <el-row> <el-form :model="queryParams" inlin ......

我们在使用elementIUI实现表单验证，内容比较多的时候，提示内容会被遮挡，这时候用户不清楚什么情况，还会连续点击提交按钮。这个时候需求来啦：我们需要在表单验证不通过的时候，页面滚动到对应校验不通过的位置。 ###大致思路 在表单验证方法validate中，提供了两个参数：是否校验成功，和未通过 ......

项目环境 vue 2 1. 在 build 文件夹下新建文件 npm-auth.js 内容如下： const registry = '' // 要发布的线上地址 const alwaysAuth = true function getNpmAuth (username, password) { co ......

原文：[试试使用 Vitest 进行组件测试，确实很香。](https://juejin.cn/post/7129667747134308389 "试试使用 Vitest 进行组件测试，确实很香。") 参考：[Vitest：https://cn.vitest.dev/guide/ui.html](h ......