Bladeren bron

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

卢越 10 maanden geleden
bovenliggende
commit
757f10cbe6
2 gewijzigde bestanden met toevoegingen van 3 en 2 verwijderingen
  1. 1 1
      src/components/DiyEditor/components/ComponentContainer.vue
  2. 2 1
      src/components/DiyEditor/index.vue

+ 1 - 1
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">
       <!-- 左侧:组件名(悬浮的小贴条) -->

+ 2 - 1
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"
             />