uni-app中uni-forms-item组件的label属性缺失且left-icon不显示

uni-app中uni-forms-item组件的label属性缺失且left-icon不显示

开发环境 版本号 项目创建方式
Windows 10 HBuilderX

产品分类:uniapp/H5

浏览器平台:Chrome
浏览器版本:最新版


示例代码:

<slot name="left">  
    <uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />  
    <text class="label-text">{{label}}</text>  
    <text v-if="required" class="is-required">*</text>  
</slot>  

操作步骤:

<slot name="left">  
    <uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />  
    <text class="label-text">{{label}}</text>  
    <text v-if="required" class="is-required">*</text>  
</slot>  

预期结果:

<slot name="left">  
    <uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />  
    <text class="label-text">{{label}}</text>  
    <text v-if="required" class="is-required">*</text>  
</slot>  

实际结果:

<slot name="left">  
    <uni-icons v-if="leftIcon" class="label-icon" size="16" :type="leftIcon" :color="iconColor" />  
    <text class="label-text">{{label}}</text>  
    <text v-if="required" class="is-required">*</text>  
</slot>  

bug描述:

看了uni-admin的登陆页面源码发现的一个问题,明明设置了left-icon属性,却没有显示。

<uni-forms-item left-icon="uni-icons-person-filled" name="username" labelWidth="35"> 
    <input ref="usernameInput" @confirm="submitForm" class="uni-input-border" type="text" placeholder="账户" v-model="formData.username" />
</uni-forms-item>

更多关于uni-app中uni-forms-item组件的label属性缺失且left-icon不显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部