From 48660ed8ec21c52a92509b13a43219bd60783484 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Fri, 9 Apr 2021 11:19:13 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/Canvas/EditableElement.vue                 | 2 +-
 .../Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue    | 6 +++---
 src/views/Screen/ScreenElement.vue                          | 1 +
 src/views/Screen/ScreenSlide.vue                            | 1 -
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/Editor/Canvas/EditableElement.vue b/src/views/Editor/Canvas/EditableElement.vue
index 4e826061..f43c70ce 100644
--- a/src/views/Editor/Canvas/EditableElement.vue
+++ b/src/views/Editor/Canvas/EditableElement.vue
@@ -2,7 +2,7 @@
   <div 
     class="editable-element"
     ref="elementRef"
-    :id="'editable-element-' + elementInfo.id"
+    :id="`editable-element-${elementInfo.id}`"
     :style="{
       zIndex: elementIndex,
       color: theme.fontColor,
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
index 12c1b85f..f174c4a3 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ImageStylePanel.vue
@@ -14,9 +14,9 @@
             <div class="shape-clip">
               <div 
                 class="shape-clip-item" 
-                v-for="(item, index) in shapeClipPathOptions" 
-                :key="index"
-                @click="presetImageClip(index)"
+                v-for="(item, key) in shapeClipPathOptions" 
+                :key="key"
+                @click="presetImageClip(key)"
               >
                 <div class="shape" :style="{ backgroundImage: `url(${handleElement.src})`, clipPath: item.style }"></div>
               </div>
diff --git a/src/views/Screen/ScreenElement.vue b/src/views/Screen/ScreenElement.vue
index cce30534..7a93b1a9 100644
--- a/src/views/Screen/ScreenElement.vue
+++ b/src/views/Screen/ScreenElement.vue
@@ -1,6 +1,7 @@
 <template>
   <div 
     class="screen-element"
+    :id="`screen-element-${elementInfo.id}`"
     :style="{
       zIndex: elementIndex,
       color: theme.fontColor,
diff --git a/src/views/Screen/ScreenSlide.vue b/src/views/Screen/ScreenSlide.vue
index 08ccadb5..2f19b466 100644
--- a/src/views/Screen/ScreenSlide.vue
+++ b/src/views/Screen/ScreenSlide.vue
@@ -9,7 +9,6 @@
   >
     <div class="background" :style="{ ...backgroundStyle }"></div>
     <ScreenElement
-      :id="`screen-element-${element.id}`"
       v-for="(element, index) in slide.elements"
       :key="element.id"
       :elementInfo="element"