diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 70a68cb3..70cf7be9 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -25,7 +25,7 @@ export const isDev = () => {
  * @param { Number } randomLength
  */
 export const getUUID = (randomLength = 10) => {
-  return Number(Math.random().toString().substring(2, randomLength) + Date.now()).toString(36)
+  return 'id_' + Number(Math.random().toString().substring(2, randomLength) + Date.now()).toString(36)
 }
 
 /**
diff --git a/src/views/preview/components/PreviewRenderList/index.vue b/src/views/preview/components/PreviewRenderList/index.vue
index d22be72d..af1e710a 100644
--- a/src/views/preview/components/PreviewRenderList/index.vue
+++ b/src/views/preview/components/PreviewRenderList/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div
     class="chart-item"
+    :id="item.id"
     v-for="(item, index) in chartEditStore.componentList"
     :class="animationsClass(item.styles.animations)"
     :key="item.id"