diff --git a/.eslintrc.js b/.eslintrc.js
index 5916d5326123d63f8d0e6b9700e116cdd7557249..b074e00f179c84a35fe7ac311e0bb800aa673b6d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -11,7 +11,7 @@ module.exports = {
 		parser: '@typescript-eslint/parser',
 		sourceType: 'module',
 	},
-	extends: ['plugin:vue/essential'],
+	extends: ['plugin:vue/vue3-essential'],
 	plugins: ['vue', '@typescript-eslint'],
 	rules: {
 		// http://eslint.cn/docs/rules/
diff --git a/src/views/fun/gridLayout/index.vue b/src/views/fun/gridLayout/index.vue
index f330375748e2d6d4c044b5abafd87d6c9c9a02b8..bdf51c9ed1885bc897c33f837793378de9ad40b2 100644
--- a/src/views/fun/gridLayout/index.vue
+++ b/src/views/fun/gridLayout/index.vue
@@ -8,7 +8,7 @@
 				class="mb15"
 			></el-alert>
 			<grid-layout
-				:layout.sync="layouts"
+				v-model:layout="layouts"
 				:col-num="12"
 				:row-height="30"
 				:is-draggable="true"
diff --git a/src/views/layout/lockScreen/index.vue b/src/views/layout/lockScreen/index.vue
index a68beb9856f4fa3193f468db875db464a218e695..7e7bfbeeac5684fac0f1bd152f8f068dd8b1f920 100644
--- a/src/views/layout/lockScreen/index.vue
+++ b/src/views/layout/lockScreen/index.vue
@@ -32,7 +32,7 @@
 								placeholder="请输入密码"
 								ref="layoutLockScreenInputRef"
 								v-model="lockScreenPassword"
-								@keyup.enter.native.stop="onLockScreenSubmit()"
+								@keyup.enter.stop="onLockScreenSubmit()"
 							>
 								<template #append>
 									<el-button icon="el-icon-right" @click="onLockScreenSubmit"></el-button>
diff --git a/src/views/layout/navBars/tagsView/tagsView.vue b/src/views/layout/navBars/tagsView/tagsView.vue
index f48d4d97e7f4f3847067254e2d2c28725dfe8fa5..fb5d12ca977b475c95cac1ad93d20b4d452fbca1 100644
--- a/src/views/layout/navBars/tagsView/tagsView.vue
+++ b/src/views/layout/navBars/tagsView/tagsView.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="layout-navbars-tagsview" :class="{ 'layout-navbars-tagsview-shadow': getThemeConfig.layout === 'classic' }">
-		<el-scrollbar ref="scrollbarRef" @wheel.native.prevent="onHandleScroll">
+		<el-scrollbar ref="scrollbarRef" @wheel.prevent="onHandleScroll">
 			<ul class="layout-navbars-tagsview-ul" :class="setTagsStyle" ref="tagsUlRef">
 				<li
 					v-for="(v, k) in tagsViewList"
diff --git a/src/views/layout/navMenu/horizontal.vue b/src/views/layout/navMenu/horizontal.vue
index 78c5b093d386e247d9735b6dba5dd59239759733..bb4c9c5cbb208bc1167ac1e391b6a308a8b46571 100644
--- a/src/views/layout/navMenu/horizontal.vue
+++ b/src/views/layout/navMenu/horizontal.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="el-menu-horizontal-warp">
-		<el-scrollbar @wheel.native.prevent="onElMenuHorizontalScroll" ref="elMenuHorizontalScrollRef">
+		<el-scrollbar @wheel.prevent="onElMenuHorizontalScroll" ref="elMenuHorizontalScrollRef">
 			<el-menu router :default-active="defaultActive" background-color="transparent" mode="horizontal" @select="onHorizontalSelect">
 				<template v-for="val in menuLists">
 					<el-submenu :index="val.path" v-if="val.children && val.children.length > 0" :key="val.path">