vant多张图片上传

本文展示了如何使用 Vant UI 框架在 Vue 项目中实现多张图片上传的功能,通过代码实例详细说明了实现过程。
摘要由CSDN通过智能技术生成

话不多说直接上代码

<!--
 * @Description:
 * @Author: xiexy
 * @Date: 2021-07-19 14:50:35
 * @LastEditTime: 2021-09-13 10:32:46
 * @LastEditors: Please set LastEditors
 * @Reference:
-->
<template>
  <div class="upload-health-certificate">
    <van-form
      ref="form"
      class="form"
      error-message-align="right"
      input-align="right"
      :show-error="false"
    >
      <van-field
        clickable
        label="发证时间"
        placeholder="请选择发证时间"
        readonly
        right-icon="arrow"
        :rules="rules.checkDate"
        :value="form.checkDate"
        @click="picker.show = true"
      />
      <van-field
        clickable
        label="发证时间"
        name="uploader"
        placeholder="请选择发证时间"
        readonly
        :rules="rules.photo"
      >
        <template #input>
          <div class="file-wrapper">
            <!-- <div
              v-show="form.photo.length < 3"
              class="upload"
              @click="chooseImg"
            >
              <i></i>
              <p>上传照片</p>
            </div> -->
            <van-uploader
  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值