在vue中，如何确保我在获取了this.get1()再执行this.get2()

在Vue中，你可以使用Promise或async/await来确保在获取了 this.get1() 的结果之后再执行 this.get2()。

使用Promise的示例代码：

this.get1().then(() => {
  // 获取 this.get1() 的结果后执行此处的代码
  this.get2();
});

使用async/await的示例代码：

async yourFunction() {
  await this.get1(); // 等待 this.get1() 的结果
  this.get2(); // 获取了 this.get1() 的结果后执行此处的代码
}

注意，async/await方法只能在异步函数内部使用，所以你需要将你的代码包装在一个异步函数中。

确保在获取了 this.get1() 的结果之后再执行 this.get2() 可以避免因为异步操作导致的不确定性。这样可以确保你在执行 this.get2() 时已经获得了需要的数据。

相关问题

vue中this.axios.get().then()中的this和that

在 Vue 中，`this` 关键字的作用域是在函数内部指向当前作用域的上下文对象，通常是指向 Vue 实例。当你在 `methods`、`data` 或者响应式组件的生命周期钩子（如 `mounted`, `updated` 等）中使用 `axios.get()` 这样的异步请求时，`this.axios.get()` 中的 `this` 指代的就是 Vue 实例。

然而，在箭头函数 (`() => { ... }`) 中，`this` 的行为会有所变化，它不会自动绑定到外部作用域的 `this` 上，而是会绑定到创建它的上下文中。所以在 `.then()` 函数中，如果是一个箭头函数：

.then(() => {
  console.log(this); // 这里 this 可能不是 Vue 实例，取决于箭头函数如何使用
})

为了避免这种情况，推荐在 `then()` 中显式地使用 `bind(this)` 来绑定 `this` 到 Vue 实例上，如下所示：

.then((response) => response.json().then(data => {
  console.log(this); // 这里的 this 将指向 Vue 实例
}))
.bind(this);

init() { this.baseUrl = this.$config.baseUrl; if (this.$route.query.detailObj) { this.detail = JSON.parse(this.$route.query.detailObj); } if (this.$route.query.storeupObj) { this.detail.id = JSON.parse(this.$route.query.storeupObj).refid; } this.$http.get(this.tablename + '/detail/' + this.detail.id, {}).then(res => { if (res.data.code == 0) { this.detail = res.data.data; this.title = this.detail.jingdianmingcheng; //存入detailBanner数组，用来遍历展示vue轮播图 this.detailBanner = this.detail.jingdiantupian ? this.detail.jingdiantupian.split(",") : []; this.$forceUpdate(); } }); this.getDiscussList(1); this.getStoreupStatus(); this.getHotList(); },

这是一个 Vue.js 组件的初始化方法，其中包含了以下步骤：

1. 获取组件的配置信息（baseUrl）和路由参数（detailObj 和 storeupObj）；
2. 如果存在 detailObj 参数，则将其解析为 detail 对象；
3. 如果存在 storeupObj 参数，则将其解析为 refid 属性并赋值给 detail 对象的 id 属性；
4. 发送 HTTP GET 请求获取景点详情信息，并将返回的数据保存到 detail 对象中；
5. 如果 detail 对象中包含景点图片信息，则将其解析为数组，并保存到 detailBanner 变量中；
6. 强制更新组件视图；
7. 调用 getDiscussList() 方法获取评论列表；
8. 调用 getStoreupStatus() 方法获取当前用户是否已收藏该景点的状态；
9. 调用 getHotList() 方法获取热门景点列表。