1. 程式人生 > >Vue iview 請求介面時表單驗證

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)
                    }
                })
            }
        })
    },