【功能完善】IoT: 场景联动解决索引重用问题

src/views/iot/rule/scene/RuleSceneForm.vue

@@ -35,7 +35,7 @@
           <el-divider content-position="left">触发器配置</el-divider>
           <device-listener
             v-for="(trigger, index) in formData.triggers"
-            :key="index"
+            :key="`trigger-${index}-${Date.now()}`"
             :model-value="trigger"
             @update:model-value="(val) => (formData.triggers[index] = val)"
             class="mb-10px"
@@ -52,7 +52,7 @@
           <el-divider content-position="left">执行器配置</el-divider>
           <action-executor
             v-for="(action, index) in formData.actions"
-            :key="index"
+            :key="`action-${index}-${Date.now()}`"
             :model-value="action"
             @update:model-value="(val) => (formData.actions[index] = val)"
             class="mb-10px"
@@ -129,9 +129,7 @@ const addTrigger = () => {
 }
 /** 移除触发器 */
 const removeTrigger = (index: number) => {
-  const newTriggers = [...formData.value.triggers]
+  formData.value.triggers.splice(index, 1)
-  newTriggers.splice(index, 1)
-  formData.value.triggers = newTriggers
 }
 
 /** 添加执行器 */
@@ -142,9 +140,7 @@ const addAction = () => {
 }
 /** 移除执行器 */
 const removeAction = (index: number) => {
-  const newActions = [...formData.value.actions]
+  formData.value.actions.splice(index, 1)
-  newActions.splice(index, 1)
-  formData.value.actions = newActions
 }
 
 /** 打开弹窗 */