显示vue-axios的响应后消息

Question

我在chown apache:apache中有一个功能

--

在我的vue组件脚本标签中：

APIService.js

，但是在提交从createPatient(data){ const url = 'http://192.168.1.3/api/clinic/patient/add/'; return axios.post(url, data).then(resp => {return resp}); } 接收到的数据后，该请求最初处于待处理状态。 如何等待并显示已解决的Promise消息？

Answer 1

创建一个数据属性，然后异步更新它：

data () {
  result: null
},
created () {
  apiService.createPatient(data).then(res => {
    this.result = res.data
  })
}

然后根据是否填充result有条件地渲染您的组件：<some-component v-if="result">{{ result }}</some-component>