4***@qq.com
4***@qq.com
  • 发布:2025-07-09 17:06
  • 更新:2025-07-09 20:26
  • 阅读:26

uniapp动态插槽中插入自定义输入框,uni-forms的rules校验失效

分类:uni-app

这个是封装组件的例子

<uni-forms-item   
  v-for="(item, itemIndex) in fieldList"   
  :key="item.value"   
  :label="`${item.label}:`"   
  :name="item.value"   
  :required="item.required">  
    <template v-else-if="item.type === 'slot'">  
        <slot  
          :name="getSlotName(item.value, itemIndex)"  
          :value="item.value"  
          :label="item.label"  
          :type="item.type"  
          :code="item.code"  
          :required="item.required"  
          :disabled="item.disabled"  
          :list="item.list"  
          :formatter="item.formatter"  
        />  
      </template>  
</uni-forms-item>

使用时利用插槽

<template #form-feeTypeName="{ label }">  
      <uni-easyinput  
            disabled   
            v-model="formInfo.data.feeTypeName"  
            suffix-icon="search"   
            :placeholder="`请选择${label}`"   
           @icon-click="openFeeSearch(label)" />  
</template>

这样写在H5时没有问题,


但是在微信小程序这个校验就失效了

不想大量修改现有代码,我应该怎么做呢?

2025-07-09 17:06 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

应该是动态插槽的问题
可以发一个复现项目吗?

要回复问题请先登录注册