背景：

小鱼第一次前端用的VUE,然后前后端的交互调了几次，记录下来留给自己下次使用

 

前端 通过  form.XXX 获取数据，代码：

1  
     

 

 

 

script代码如下：

1 

script通过  this.$http.post 与后端交互，

1.打印日志使用  window.console.log(data); 之前html中的console.log(data) 没有效果

2.使用post接口，url：/api/xxxx/xxx' ，入参 this.form

3.后端返回结果 data，使用 this.$layer_message(data,'success or error ') 提示框

4.  .finally(() => this.btnSaveLoading = false);  -- 异常输出

 

 

后端代码：

1 @blueprint.route('/xxxx', methods=['POST']) 2 def xxxxx(): 3     form, error = JsonParser('telephone',  4                              Argument('env', type=int, default='')).parse() 5  6     if error is None: 7     #后端逻辑处理 8         res = 111 9         return json_response(res)10     print(error)11     return json_response(message='信息填写有误：%s' % error)

1.第一行，接口地址，不在解释

2.使用 Argument('env', type=int, default='') 防止拿到的值为None

 

演示：

1.账户未填写，提交

 

 

 2.提交成功，script this.$layer_message(data.data.data,'error ')

 

3.提交成功，script this.$layer_message(data.data.data,'success ')