diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 0952760757..3240d4bf56 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -195,6 +195,9 @@ module.exports = {
     'object-curly-spacing': [2, 'always', {
       objectsInObjects: false
     }],
-    'array-bracket-spacing': [2, 'never']
+    'array-bracket-spacing': [2, 'never'],
+    "vue/no-use-v-if-with-v-for": ["error", {
+      "allowUsingIterationVar": true
+    }]
   }
 }
diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 51c9a25cd5..9b1ad5959f 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -20,14 +20,14 @@
     @mouseleave="leave"
   >
     <div
-      v-for="(handle, index) in actualHandles"
-      :key="index"
-      :class="[classNameHandle, classNameHandle + '-' + handle]"
-      :style="handleStyle(handle, index)"
-      @mousedown.stop.prevent="handleDown(handle, $event)"
-      @touchstart.stop.prevent="handleTouchDown(handle, $event)"
+      v-for="(handlei, indexi) in actualHandles"
+      :key="indexi"
+      :class="[classNameHandle, classNameHandle + '-' + handlei]"
+      :style="handleStyle(handlei, indexi)"
+      @mousedown.stop.prevent="handleDown(handlei, $event)"
+      @touchstart.stop.prevent="handleTouchDown(handlei, $event)"
     >
-      <slot :name="handle" />
+      <slot :name="handlei" />
     </div>
     <slot />
   </div>
@@ -282,14 +282,17 @@ export default {
       type: String,
       default: 'mouseOn'
     },
+    // eslint-disable-next-line vue/require-default-prop
     element: {
       require: true,
       type: Object
     },
+    // eslint-disable-next-line vue/require-default-prop
     defaultStyle: {
       require: true,
       type: Object
     },
+    // eslint-disable-next-line vue/require-default-prop
     index: {
       require: true,
       type: [Number, String]
@@ -299,6 +302,7 @@ export default {
       type: Boolean,
       default: true
     },
+    // eslint-disable-next-line vue/require-default-prop
     changeStyle: {
       require: true,
       type: Object
diff --git a/frontend/src/views/panel/SubjectSetting/PanelStyle/ComponentGap.vue b/frontend/src/views/panel/SubjectSetting/PanelStyle/ComponentGap.vue
index 31753bb155..34dddcece0 100644
--- a/frontend/src/views/panel/SubjectSetting/PanelStyle/ComponentGap.vue
+++ b/frontend/src/views/panel/SubjectSetting/PanelStyle/ComponentGap.vue
@@ -17,6 +17,7 @@
 </template>
 
 <script>
+// eslint-disable-next-line no-unused-vars
 import { DEFAULT_PANEL_STYLE } from '@/views/panel/panel'
 import { mapState } from 'vuex'
 import { deepCopy } from '@/components/canvas/utils/utils'
diff --git a/frontend/src/views/panel/panel.js b/frontend/src/views/panel/panel.js
index d5ce18b144..3d8cbeb7c4 100644
--- a/frontend/src/views/panel/panel.js
+++ b/frontend/src/views/panel/panel.js
@@ -1,3 +1,5 @@
+
+// eslint-disable-next-line no-unused-vars
 import { BASE_CHART, BASE_CHART_STRING } from '@/views/chart/chart/chart'
 import { deepCopy } from '@/components/canvas/utils/utils'
 
@@ -48,6 +50,7 @@ export function chartTransStr2Object(targetIn, copy) {
 }
 
 export function chartTransObject2Str(targetIn, deepCopy) {
+  // eslint-disable-next-line no-undef
   const target = copy === 'Y' ? deepCopy(targetIn) : targetIn
   if (target.chart) {
     if (target.chart.xaxis && typeof target.chart.xaxis !== 'string') {
diff --git a/frontend/src/views/panel/template/component/TemplateItem.vue b/frontend/src/views/panel/template/component/TemplateItem.vue
index c94b1fe42d..7456371821 100644
--- a/frontend/src/views/panel/template/component/TemplateItem.vue
+++ b/frontend/src/views/panel/template/component/TemplateItem.vue
@@ -11,6 +11,7 @@
 </template>
 
 <script>
+// eslint-disable-next-line no-unused-vars
 import { get, post } from '@/api/panel/panel'
 export default {
   name: 'TemplateItem',
diff --git a/frontend/src/views/system/authority/authQuickConfig.vue b/frontend/src/views/system/authority/authQuickConfig.vue
index 50f91aa358..65c884e07d 100644
--- a/frontend/src/views/system/authority/authQuickConfig.vue
+++ b/frontend/src/views/system/authority/authQuickConfig.vue
@@ -52,6 +52,7 @@ import LazyTree from './components/LazyTree'
 
 export default {
   name: 'Authority',
+  // eslint-disable-next-line vue/no-unused-components
   components: { LazyTree, DeMainContainer, DeAsideContainer, DeContainer },
   props: {
     resourceId: {
diff --git a/frontend/src/views/system/authority/index.vue b/frontend/src/views/system/authority/index.vue
index 3cafd0496e..8c83503960 100644
--- a/frontend/src/views/system/authority/index.vue
+++ b/frontend/src/views/system/authority/index.vue
@@ -20,6 +20,7 @@ import AuthQuickConfig from './authQuickConfig'
 
 export default {
   name: 'Authority',
+  // eslint-disable-next-line vue/no-unused-components
   components: { DeContainer, DeMainContainer, AuthConfig, AuthQuickConfig },
   data() {
     return {