fix: ts type initial value

thxl2010 · Feb 24, 2022 · 96a6f1a · 96a6f1a
1 parent a484293
commit 96a6f1a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/api/types/product-reply.ts b/src/api/types/product-reply.ts
@@ -24,8 +24,8 @@ export interface IReply {
 }
 
 export interface ISelectedProduct {
-  image: string; // 商品图
-  product_id: number; // 商品ID
+  image?: string; // 商品图
+  product_id?: number | null; // 商品ID
 }
 
 export interface IVirtualReply {

diff --git a/src/views/product/reply/Product.vue b/src/views/product/reply/Product.vue
@@ -146,6 +146,7 @@ watch(
 .el-table {
   margin-bottom: 1em;
 }
+// ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.
 ::v-deep .el-image {
   height: 36px;
 }

diff --git a/src/views/product/reply/add.vue b/src/views/product/reply/add.vue
@@ -134,7 +134,10 @@ const handleDialogClosed = () => {
 };
 
 // product
-const handleSelectProduct = (id: IProduct['id'], image: IProduct['image']) => {
+const handleSelectProduct = (
+  id: IProduct['id'] | null,
+  image: IProduct['image']
+) => {
   formData.value.image.product_id = id;
   formData.value.image.image = image;
 };