<el-form :model="forms" :rules="rules" ref="forms">
<el-form-item label="粤康码:" prop="cover">
      <el-upload
          :on-change="handleFileChange"
          list-type="picture-card"
          :auto-upload="false"
         >
      </el-upload>
    </el-form-item>
</el-form>

export default{
  name:"Healthy",
  data(){
    const validateLogo = (rule, value, callback) => {
      if (!this.forms.cover && this.listLength ===0) {
        console.log(!this.forms.cover)
        callback(new Error('请上传图片'))
      } else {
        callback()
      }
    }
 return {
     listLength: 0,//图片数量
      forms: {
        cover: null,
      },
      rules: {
        cover: [{ required: true, validator: validateLogo, trigger: 'change' }],
      },
    }
},
methods:{
 handleFileChange(file, fileList){  //图片上传后
    this.listLength = fileList.length
      if (this.listLength >0){
        this.$refs.forms.clearValidate("cover");  //当图片数量大于0则去除校验提示
      }
   }
}

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐