vue axios用post请求的数据data是一个数组,怎么将它渲染在页面上?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue axios用post请求的数据data是一个数组,怎么将它渲染在页面上?相关的知识,希望对你有一定的参考价值。

参考技术A Vue中computed就是 实时计算 使用。 Vue检测到数据发生变动时就会执行对相应数据有引用的函数。 下面是一个demo。引用自己的vue.js就可以看效果。 利用computed可以做一些监控之类的效果。 参考技术B 数据交互

Vue POST 正确请求姿势

首先:增加vue配置
// qs是axios带有的,无需安装
import Qs from \'qs\'

// 配置axios post请求时发送formData
axios.defaults.transformRequest = [function (data) {

data = Qs.stringify(data);
return data;

}];
GET使用方式
数据放于params中

  this.axios({
    method: "GET",
    url: "/abc",
    params: {
      a: 1,
      b: 2
    }
  }).then()

POST使用方式
数据放于data中

  this.axios({
    method: "POST",
    url: "/abc",
    data: {
      a: 1,
      b: 2
    }
  }).then()

以上是关于vue axios用post请求的数据data是一个数组,怎么将它渲染在页面上?的主要内容,如果未能解决你的问题,请参考以下文章

vue学习总结

vue中使用axios处理post方法导出excel表格(后端返回文件流)

Vue POST 正确请求姿势

vue中axios发送post请求,后端(@RequestParam)接不到参数

vue 里怎么用 axios 实现 post 请求下载文件

VUE post请求设置为formdata传参