vue调用百度ai人脸情绪识别接口,等待返回时候加入加载loading
时间: 2023-08-18 11:08:11 浏览: 148
你可以在Vue组件中使用`v-if`指令来实现加载loading动画。首先,在data中定义一个变量来控制loading的显示与隐藏:
```javascript
data() {
return {
loading: false
}
}
```
然后,在调用接口的方法中,将loading设置为true,表示开始加载:
```javascript
methods: {
async callBaiduAPI() {
this.loading = true; // 显示loading动画
try {
// 调用百度AI接口的代码
// ...
// 等待返回结果
} catch (error) {
console.error(error);
} finally {
this.loading = false; // 隐藏loading动画
}
}
}
```
最后,在模板中使用`v-if`指令来显示或隐藏loading动画:
```html
<div v-if="loading" class="loading">Loading...</div>
```
你可以根据自己的需求,自定义loading动画的样式。这样在调用接口时,会显示loading动画,等待返回结果后再隐藏loading动画。