vant 上传照片

最新推荐文章于 2024-07-16 10:04:54 发布

齐齐2021

最新推荐文章于 2024-07-16 10:04:54 发布

阅读量360

点赞数

分类专栏：前端小白学习文章标签： vue

本文链接：https://blog.csdn.net/m0_53156275/article/details/112523588

版权

前端小白学习专栏收录该内容

4 篇文章 1 订阅

订阅专栏

 <!-- 身份证正面照 -->
      <van-row class="vcon ">
        <van-col class="fmlabel"><span class="orange plstar">*</span>身份证正面照 </van-col>
        <van-col class="fmcon">
          <van-uploader
            :disabled="zz"
            v-model="fileList"
            multiple
            :max-count="1"
            :max-size="5 * 1024 * 1024"
            @oversize="onOversize"
            :rules="[{ required: true, message: '请上传'}]"
          /></van-col>

      </van-row>
      <!-- 近期的全身照 -->
      <van-row class="vcon ">
        <van-col class="fmlabel"><span class="orange plstar">*</span>近期的全身照 </van-col>
        <van-col class="fmcon">
          <van-uploader
            :disabled="zz"
            v-model="fileList2"
            multiple
            :max-count="1"
            :max-size="5 * 1024 * 1024"
            @oversize="onOversize"
            :rules="[{ required: true, message: '请上传' }]"
          /></van-col>

      </van-row>

data(){
  return{
    fileList: [],
    fileList2: [],
  }

  },
  methods:{
    onOversize(file) {
      //console.log(file);
      this.$toast('文件大小不能超过 5MB');

    },
  },