wq的item校验

src/views/order/ProductInfo.vue

@@ -102,17 +102,17 @@
         </span>
         </span>
       </div>
       </div>
       <div
       <div
-        :title="item.remark || ''"
+        :title="(item as LabelledValue).remark || ''"
         class="order-list-expand_item_info_title"
         class="order-list-expand_item_info_title"
       >
       >
         <span class="order-list-expand_item_label">备注:</span>
         <span class="order-list-expand_item_label">备注:</span>
         <span class="order-list-expand_item_value"
         <span class="order-list-expand_item_value"
-          >{{ item.remark || '--' }}
+          >{{ (item as LabelledValue).remark || '--' }}
         </span>
         </span>
         <el-icon
         <el-icon
           class="icon"
           class="icon"
           style="color: #e6a23c"
           style="color: #e6a23c"
-          @click="setRemarks(item.id, item.remark)"
+          @click="setRemarks(item.id, (item as LabelledValue).remark)"
           ><EditPen
           ><EditPen
         /></el-icon>
         /></el-icon>
       </div>
       </div>
@@ -196,6 +196,11 @@ defineProps({
     type: Number,
     type: Number,
   },
   },
 })
 })
+interface LabelledValue {
+  id: number;
+  remark?: string; // 可选属性
+  [propName: string]: string | number | boolean | undefined | unknown; // 额外属性
+}
 const emit = defineEmits<{
 const emit = defineEmits<{
       (e: 'update-remark', payload: { id: number; remark: string }): void;
       (e: 'update-remark', payload: { id: number; remark: string }): void;
     }>();
     }>();