antd-vue中的form表單label標簽for導致點擊文字觸發輸入框解決方案

<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>