等图片上传完成才允许点击确定

图片上传组件

 <myUpload @uploaddata="e => form.tempPlateAddress = e"
          @uploadChange="uploadChange"
          :upload_url="form.tempPlateAddress"
           ref="shareImage"
    style="width:100px;height:100px" />

表单提交按钮

<el-button type="primary"
        :disabled="submitAble"
@click="submit()">确 定</el-button>

图片监听函数

 uploadChange (e) {
    this.submitAble = true
},

watch监听

"form.tempPlateAddress"(val) {
    if(val) {
       this.submitAble = false
    }   
 }

表单提交函数

submit () {
    this.$refs.templateRefs.validate(async valid => {
        if (!valid) return
        if (this.submitAble) {
            return
           }
        if (this.isEdit) {
           try {
                const data = Object.assign(this.form, { idthis.templateId })
                await updatePosterTemplate(data)
                this.getTableData()
                this.$message.success('编辑成功')
             } catch (e) {
                    this.$message.error('编辑失败')
            } finally {
                    this.isEdit = false
                }
            } else {
                try {
                    await createPosterTemplate(this.form)
                    this.getTableData()
                    this.$message.success('创建成功')
                } catch (e) {
                    this.$message.error('创建失败')
                } finally {
                }
            }
            this.isEdit = false
            this.dialogVisible = false
            })
        },