diff --git a/README.md b/README.md
index 94b64ce36..e9563c324 100644
--- a/README.md
+++ b/README.md
@@ -223,7 +223,7 @@ ps：核心功能已经实现，正在对接微信小程序中...
 |----------------------------------------------------------------------|-----------------|--------|
 | [Vue](https://staging-cn.vuejs.org/)                                 | Vue 框架         | 3.2.45 |
 | [Vite](https://cn.vitejs.dev//)                                      | 开发与构建工具     | 3.2.3  |
-| [Element Plus](https://element-plus.org/zh-CN/)                      | Element Plus    | 2.2.21 |
+| [Element Plus](https://element-plus.org/zh-CN/)                      | Element Plus    | 2.2.22 |
 | [TypeScript](https://www.typescriptlang.org/docs/)                   | TypeScript      | 4.9.3  |
 | [pinia](https://pinia.vuejs.org/)                                    | vuex5           | 2.0.25 |
 | [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化             | 9.2.2  |
diff --git a/yudao-ui-admin-vue3/README.md b/yudao-ui-admin-vue3/README.md
index 4e9e09bde..3d0e0100f 100644
--- a/yudao-ui-admin-vue3/README.md
+++ b/yudao-ui-admin-vue3/README.md
@@ -1,4 +1,5 @@
 <h1>🌈 yudao-ui-admin-vue3</h1>
+
 <p align="center">
     <img src="https://img.shields.io/badge/-Vue3.2-34495e?logo=vue.j" />
     <img src="https://img.shields.io/badge/-Vite3-646cff?logo=vite&logoColor=white" />
@@ -11,6 +12,7 @@
     <img src="https://img.shields.io/badge/-Less-1D365D?logo=less&logoColor=white" alt="Less">
     <img src="https://img.shields.io/badge/-Wind%20CSS-06B6D4?logo=Tailwind%20CSS&logoColor=white" alt="Taiwind">
 </p>
+
 ## 介绍
 
 - 基于 vue3.2+ ，TypeScript ，Element Plus 2.2.0+ ，Vite3 ，Pinia ，Windicss 等开发的后台管理系统
@@ -29,7 +31,7 @@
 | --- | --- |--------|
 | [Vue](https://staging-cn.vuejs.org/) | vue 框架 | 3.2.45 |
 | [Vite](https://cn.vitejs.dev//) | 开发与构建工具 | 3.2.3 |
-| [Element Plus](https://element-plus.org/zh-CN/) | Element Plus | 2.2.21 |
+| [Element Plus](https://element-plus.org/zh-CN/) | Element Plus | 2.2.22 |
 | [TypeScript](https://www.typescriptlang.org/docs/) | JavaScript 的超集 | 4.9.3 |
 | [pinia](https://pinia.vuejs.org/) | Vue 存储库 替代 vuex5 | 2.0.25 |
 | [vueuse](https://vueuse.org//) | 常用工具集 | 9.6.0 |
diff --git a/yudao-ui-admin-vue3/package.json b/yudao-ui-admin-vue3/package.json
index ec5c220b0..6bbb1c057 100644
--- a/yudao-ui-admin-vue3/package.json
+++ b/yudao-ui-admin-vue3/package.json
@@ -36,7 +36,7 @@
     "dayjs": "^1.11.6",
     "echarts": "^5.4.0",
     "echarts-wordcloud": "^2.0.0",
-    "element-plus": "2.2.21",
+    "element-plus": "2.2.22",
     "intro.js": "^6.0.0",
     "js-cookie": "^3.0.1",
     "jsencrypt": "^3.3.1",
diff --git a/yudao-ui-admin-vue3/pnpm-lock.yaml b/yudao-ui-admin-vue3/pnpm-lock.yaml
index f6ed96ab7..420b47a77 100644
--- a/yudao-ui-admin-vue3/pnpm-lock.yaml
+++ b/yudao-ui-admin-vue3/pnpm-lock.yaml
@@ -28,7 +28,7 @@ specifiers:
   dayjs: ^1.11.6
   echarts: ^5.4.0
   echarts-wordcloud: ^2.0.0
-  element-plus: 2.2.21
+  element-plus: 2.2.22
   eslint: ^8.28.0
   eslint-config-prettier: ^8.5.0
   eslint-define-config: ^1.12.0
@@ -92,7 +92,7 @@ dependencies:
   dayjs: registry.npmmirror.com/dayjs/1.11.6
   echarts: registry.npmmirror.com/echarts/5.4.0
   echarts-wordcloud: registry.npmmirror.com/echarts-wordcloud/2.0.0_echarts@5.4.0
-  element-plus: registry.npmmirror.com/element-plus/2.2.21_vue@3.2.45
+  element-plus: registry.npmmirror.com/element-plus/2.2.22_vue@3.2.45
   intro.js: registry.npmmirror.com/intro.js/6.0.0
   js-cookie: registry.npmmirror.com/js-cookie/3.0.1
   jsencrypt: registry.npmmirror.com/jsencrypt/3.3.1
@@ -3443,11 +3443,11 @@ packages:
     version: 1.4.284
     dev: true
 
-  registry.npmmirror.com/element-plus/2.2.21_vue@3.2.45:
-    resolution: {integrity: sha512-wZUePoXZ1zuCkzENK/8mn+mekuLJ9OoGYiudjUujzCf+T8HfOQl+TKQStwOkGBNk93fK8e9YdFIty4jH4AX6dg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/element-plus/-/element-plus-2.2.21.tgz}
-    id: registry.npmmirror.com/element-plus/2.2.21
+  registry.npmmirror.com/element-plus/2.2.22_vue@3.2.45:
+    resolution: {integrity: sha512-gg2g2WOMNpWf0wGesymUvTV0VZDF/4khQKroSNeCV/vWJ/cqssPYdtqfGxTiFRt/f+JpyFkV7O1mo0yzMCzrBg==, registry: https://registry.npm.taobao.org/, tarball: https://registry.npmmirror.com/element-plus/-/element-plus-2.2.22.tgz}
+    id: registry.npmmirror.com/element-plus/2.2.22
     name: element-plus
-    version: 2.2.21
+    version: 2.2.22
     peerDependencies:
       vue: ^3.2.0
     dependencies:
diff --git a/yudao-ui-admin-vue3/src/components/IFrame/src/IFrame.vue b/yudao-ui-admin-vue3/src/components/IFrame/src/IFrame.vue
index d9c8065b3..eec4d51e1 100644
--- a/yudao-ui-admin-vue3/src/components/IFrame/src/IFrame.vue
+++ b/yudao-ui-admin-vue3/src/components/IFrame/src/IFrame.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { propTypes } from '@/utils/propTypes'
 import { ref, onMounted } from 'vue'
+import { propTypes } from '@/utils/propTypes'
+
 const props = defineProps({
   src: propTypes.string.def('')
 })
diff --git a/yudao-ui-admin-vue3/src/components/TagsView/src/TagsView.vue b/yudao-ui-admin-vue3/src/components/TagsView/src/TagsView.vue
index f5662dc42..6d7e9a56f 100644
--- a/yudao-ui-admin-vue3/src/components/TagsView/src/TagsView.vue
+++ b/yudao-ui-admin-vue3/src/components/TagsView/src/TagsView.vue
@@ -137,7 +137,7 @@ const moveToCurrentTag = async () => {
 const tagLinksRefs = useTemplateRefsList<RouterLinkProps>()
 
 const moveToTarget = (currentTag: RouteLocationNormalizedLoaded) => {
-  const wrap$ = unref(scrollbarRef)?.wrap$
+  const wrap$ = unref(scrollbarRef)?.wrapRef
   let firstTag: Nullable<RouterLinkProps> = null
   let lastTag: Nullable<RouterLinkProps> = null
 
@@ -233,7 +233,7 @@ const scroll = ({ scrollLeft }) => {
 
 // 移动到某个位置
 const move = (to: number) => {
-  const wrap$ = unref(scrollbarRef)?.wrap$
+  const wrap$ = unref(scrollbarRef)?.wrapRef
   const { start } = useScrollTo({
     el: wrap$!,
     position: 'scrollLeft',