首页 > 其他 > 详细

antd-vue中的form表单label标签for导致点击文字触发输入框解决方案

时间:2019-07-31 10:46:36      阅读:808      评论:0      收藏:0      [点我收藏+]

技术分享图片

<a-form-item
    :label="label+‘图片‘"
    :label-col="{ span: 2 }"
    :wrapper-col="{ span: 22 }"
    id="picture"    // 只需加个与校验(roomPicture)不同名的id即可
>
<a-upload
    :action="‘/platformApi/file/uploadFile‘"
    :beforeUpload="beforeUpload"
    :data="dataObj"
    :disabled="type===‘check‘"
    :headers="headers"
    :showUploadList="false"
    @change="handleChange($event,‘place‘)"
    listType="picture-card"
    name="multipartFile"
    v-decorator="[‘roomPicture‘,{rules: [{ required: true, message: ‘请选择房间图片‘ }]}]"
>
    <img
        :src="imageUrlForPlace"
        alt="avatar"
        style="max-width:400px;"
        v-if="imageUrlForPlace"
    />
    <div v-else>
        <a-icon :type="loadingForImgForPlace ? ‘loading‘ : ‘plus‘" />
        <div class="ant-upload-text">Upload</div>
    </div>
</a-upload>
</a-form-item>    

 

antd-vue中的form表单label标签for导致点击文字触发输入框解决方案

原文:https://www.cnblogs.com/lanshu123/p/11274126.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!