【功能优化】现在每次点击装修组件都刷新右侧属性窗口

Author: 13663316223

src/components/DiyEditor/components/ComponentContainer.vue

@@ -5,7 +5,7 @@
         ...style
       }"
     >
-      <component :is="component.id" :property="component.property" :component="component" />
+      <component :is="component.id" :property="component.property" />
     </div>
     <div class="component-wrap">
       <!-- 左侧：组件名（悬浮的小贴条） -->

src/components/DiyEditor/index.vue

@@ -151,8 +151,9 @@
             class="m-[calc(0px-var(--el-card-padding))]"
             view-class="p-[var(--el-card-padding)] p-b-[calc(var(--el-card-padding)+var(--el-card-padding))] property"
           >
+            <!--这里的 key 使用时间戳是为了保证每次点击组件都进行刷新-->
             <component
-              :key="selectedComponent?.uid || selectedComponent?.id"
+              :key="selectedComponent?.uid || selectedComponent?.id + new Date().getTime() || new Date().getTime().toString()"
               :is="selectedComponent?.id + 'Property'"
               v-model="selectedComponent.property"
             />