Vue iview 请求接口时表单验证

 // 提交
    handleSubmit () {
    
    //  this.$refs.form.validate(valid => { 表单校验
    
        this.$refs.form.validate(valid => {
        // form 所要验证的表单名
        
            let _this = this;
            if (valid) {
            //  if (valid) 如果表单验证成功,请求接口
            
                let data = { ...this.form };
                if (data.status === true) {
                    data.status = '1'
                } else {
                    data.status = '0'
                }
                
                // 请求接口前完成的事件
                data.startTime = getDate(data.startTime,'year')
                data.endTime = getDate(data.endTime,'year')
                data.endTime = data.endTime.replace(' 00',' 23').replace('00','59').replace('00','59')
                
					// 请求接口
                adsAddAd(data).then(res => {
                    if (res !== false) {
                    _this.$Message.success('广告添加成功,请稍后查看');
                    setTimeout(() => {
                        _this.$router.push({ path: '/operate/add-manage/ad-list' })
                    }, 1000)
                    }
                })
            }
        })
    },

你可能感兴趣的:(vue,iview)