Browse Source

完善fromComp插槽

tongshangming 2 years ago
parent
commit
e1d45b1a00
1 changed files with 8 additions and 8 deletions
  1. 8 8
      src/components/form/FormComp.vue

+ 8 - 8
src/components/form/FormComp.vue

@@ -64,8 +64,8 @@ const handleUploadSuccess: UploadProps['onSuccess'] = response => {
     v-on="item.events || {}"
     :placeholder="item.placeholder || placeholder(item)"
   >
-    <template #[slot.name] v-for="slot in item.slots" :key="slot.alias">
-      <slot :name="slot.alias"></slot>
+    <template #[slot.name]="slotProps" v-for="slot in item.slots" :key="slot.alias">
+      <slot :name="slot.alias" v-bind="slotProps"></slot>
     </template>
   </el-date-picker>
   <el-upload
@@ -78,8 +78,8 @@ const handleUploadSuccess: UploadProps['onSuccess'] = response => {
   >
     <img v-if="modelValue" :src="modelValue" class="avatar" />
     <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
-    <template #[slot.name] v-for="slot in item.slots" :key="slot.alias">
-      <slot :name="slot.alias"></slot>
+    <template #[slot.name]="slotProps" v-for="slot in item.slots" :key="slot.alias">
+      <slot :name="slot.alias" v-bind="slotProps"></slot>
     </template>
   </el-upload>
   <el-select
@@ -96,8 +96,8 @@ const handleUploadSuccess: UploadProps['onSuccess'] = response => {
       :key="index"
       v-bind="option.props"
     ></el-option>
-    <template #[slot.name] v-for="slot in item.slots" :key="slot.alias">
-      <slot :name="slot.alias"></slot>
+    <template #[slot.name]="slotProps" v-for="slot in item.slots" :key="slot.alias">
+      <slot :name="slot.alias" v-bind="slotProps"></slot>
     </template>
   </el-select>
   <component
@@ -118,8 +118,8 @@ const handleUploadSuccess: UploadProps['onSuccess'] = response => {
         {{ option.value }}
       </el-checkbox>
     </template>
-    <template #[slot.name] v-for="slot in item.slots" :key="slot.alias">
-      <slot :name="slot.alias"></slot>
+    <template #[slot.name]="slotProps" v-for="slot in item.slots" :key="slot.alias">
+      <slot :name="slot.alias" v-bind="slotProps"></slot>
     </template>
   </component>
 </template>