如何在运行promise时更新VUE元素

data() {
  return {
    elementValue: ''
  }
}

methods: {
  updateElementValue() {
    // 返回一个Promise对象
    return new Promise((resolve, reject) => {
      // 模拟异步操作，比如发送一个请求
      setTimeout(() => {
        const newValue = '新的元素值';
        // 更新元素的值
        this.elementValue = newValue;
        // 解析Promise
        resolve(newValue);
      }, 1000);
    });
  }
}

<template>
  <div>
    <p>{{ elementValue }}</p>
    <button @click="updateElementValue">更新元素值</button>
  </div>
</template>

methods: {
  updateElementValue() {
    this.updateElementValue().then((newValue) => {
      console.log('更新后的值：', newValue);
    });
  }
}