element-plus element vue3 plus
element-ui 中 Cascader 级联选择器同时获取value值和label值
给Cascader 级联选择器添加一个别名 复制代码 <el-cascader :options="options" ref="myCascader"></el-cascader> 选择完毕之后可以通过别名获取 复制代码 let labelValue = this.$refs['myCascader ......
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时，由于需要等待组件加载完成后才能显示，因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符，提高用户体验。 ## 2、用法 * 首先子组件AsyncShow：使用了promise包裹代码 ```javascr ......
mybatis-plus下划线自动转驼峰
/** * <p> * MybatisPlus配置 * </p> * * @author intest * @since 2019-07-22 */ @Slf4j @Configuration public class MybatisPlusConfig { private final Permis ......
Element-plus DatePicker日期选择器无法设置绑定时间为new Date()当前时间
点击查看源码 <template> <div class="demo-date-picker"> <div class="block"> <span class="demonstration">Use value-format</span> <div class="demonstration">Va ......
SAP GUI Scripting VBA Code Snippet to Detect all IDs of the UI Elements
'-Begin Option Explicit Dim gColl() As String Dim j As Integer Sub GetAll(Obj As Object) ' '- '- Recursively called sub routine to get the IDs of all ......
Windows环境下通过SQL * PLUS命令行工具连接数据库
1.登录本地系统的数据库 1.1 不通过网络登录本地系统的数据库 不是通过网络连接远程的其他数据库所在机器，而从数据库实例所在的当前机器登录 。此时，ORALCE可以通过操作系统来完成登录时的密码认证，而无需使用用户/密码的认证方式。直接通过CMD进入命令界面后，直接键入代码 sqlplus / a ......
vue3 报错 and 'localEnabled' does not exist in type 'ViteMockOptions'
报错：ReferenceError: require is not defined 原因： 通过命令行 pnpm install -D vite-plugin-mock mockjs 安装得vite-plugin-mock 之后发现再vite.config.ts里边报错 vue3+vite安装vit ......
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
### 一、问题描述： - 学习vue3.0（ Vue.js - 渐进式 JavaScript 框架 | Vue.js）的时候一直使用的家里电脑，项目搭建运行一直没问题，公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
element-plus的el-select在切换时报ResizeObserver loop completed with undelivered notifications错的一种可能原因及解决方案
报错场景：`el-select`放在了table的td里，我做的是根据el-select切换的动态表格。切换时就会报此错误。 原因分析：分析发现，本场景在切换select时，其所在单元格尺寸发生了变化（因为我没有定表格内单元格的尺寸）。 解决方案：保证el-select所在单元格尺寸不发生变化即可。 ......
vue3 配置commitlint 实现上传时，对代码描述的约束
1、对于我们的commit信息，也是有统一规范的，不能随便写,要让每个人都按照统一的标准来执行，我们可以利用**commitlint**来实现。 安装包命令： pnpm add @commitlint/config-conventional @commitlint/cli -D 2、添加配置文件，新 ......
vue3 使用 setup 语法糖时，keep-alive 缓存使用 include / exclude 获取组件名
``` ``` `vue3` 使用 `keep-alive` 缓存页面时，如果需要使用 `include / exclude` 参数，那么就要用到组件名称。如果用 `setup` 语法糖书写时无法直接获取组件名，此时想要设置组件 `name` 的话有如下方法： #### 1. 多写一个script标 ......
element-ui中表格@row-click方法自定义传参的写法
@row-click="(row,column,e)=>handleRowClicked(row,column,e,'unitName')" 参考：https://blog.csdn.net/weixin_46060121/article/details/120151005 ......
vue3 报错：husky - pre-commit hook exited with code 1 (error)
问题：git 提交不上去 解决方法： "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
umi-qiankun——子应用vue+element返回主项目react+antdReact，样式丢失问题
参考： [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
Vue3 Avue Excel导入导出两种方法
Vue3 Avue Excel导入导出两种方法 1.根据avue官网，直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 （一定要放到index.html中的head标签里）--> <script src="https://cdn.staticfile.org/Fil ......
0824 学习vue3
node 版本 v16.17.1 1、创建vue项目 命令： 创建vue 项目 1、pnpm create vite 下载依赖 2、pnpm install 运行项目 3、pnpm run dev 4、开启启动项目自动打开浏览器 5、安装代码规范检测插件 5.1 首先安装eslint 命令：pnpm ......
element表单验证~提交
💎目标界面： 1.引入elementUI组件，路由和axios配置 2.实现表单页面布局 <!-- 注册的表单区域 --> <el-form :model="regForm" :rules="regRules" ref="regForm" label-width="10px" class="dem ......
element+Sortable 实现表格拖拽
<template> <div class="draggable" style="padding: 20px"> <el-table row-key="id" :data="state.tableData" style="width: 100%"> <el-table-column v-for="( ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
Element tree树形控件，多选改为单选
参考：https://blog.csdn.net/yfq946910096/article/details/130145519 ......
element 树形控件，父节点不显示复选框，子节点显示复选框，需增加特定样式
代码复用参考： /deep/ .stafftree .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner { display: inline-block; } /deep/ .stafftree .el-tree .el ......
vue3+vite2动态绑定图片优雅解决方案
> 优雅解决方案在最下面，小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中，我们有时候想要动态绑定资源，比如像下面的代码这样： ```html ``` 实际效果是这样：  Vue.prototype.$http = ......
vue3 使用swiper实现轮播图（两边小中间放大效果轮播图）
先引入swiper ，我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
vue3 使用 router 进行跳转备忘
1.在画面中添加子画面，使用 el-menu 菜单进行跳转，只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径，子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性，打开父画面时会默认打开相应子画面，否则子画面默认显示为空白 b.在画面 ......
vue3 使用vuex以及数据持久化
/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......