uni-app点击按钮弹出提示框如何实现跳转页面和数据获取

要实现按钮点击弹出提示框并跳转页面和获取数据，需要按如下步骤进行操作：

1. 在 uni-app 中，可以使用 vant 或者 uni-ui 等 UI 库的组件来实现弹出提示框的效果。以 vant 为例，可以使用 Dialog组件。

2. 在按钮的 click 事件中，调用 Dialog 组件的方法来弹出提示框。例如：

<template>
  <div class="container">
    <button @click="onButtonClick">点击我</button>
    <van-dialog v-model="showDialog">
      <div>确认跳转到新页面吗？</div>
      <div slot="footer">
        <van-button @click="showDialog = false">取消</van-button>
        <van-button type="primary" @click="onConfirm">确定</van-button>
      </div>
    </van-dialog>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        showDialog: false
      };
    },
    methods: {
      onButtonClick() {
        this.showDialog = true;
      },
      onConfirm() {
        // 跳转到新页面
        uni.navigateTo({
          url: '/pages/newpage/newpage'
        });
        // 获取数据，可以使用 ajax 请求等方式
        // ...
        this.showDialog = false;
      }
    }
  };
</script>

3. 在提示框的确认按钮的 click 事件中，实现页面跳转和数据获取等逻辑。在本例中，使用了 uni-app 的内置 API uni.navigateTo 来跳转到新页面，使用 ajax 请求等方式来获取数据。

通过以上步骤，就可以在 uni-app 中实现按钮点击弹出提示框并跳转页面和获取数据的效果。