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

要实现这个功能，需要在uni-app中使用Vue.js框架开发。具体步骤如下：

1. 创建一个按钮，设置点击事件，当按钮被点击时弹出提示框。

<template>
  <button @click="showAlert">点击我</button>
</template>

2. 在data中定义一个变量，用于控制是否显示提示框，初始值为false。

export default {
  data() {
    return {
      isShow: false
    }
  }
}

3. 在showAlert方法中将isShow的值设为true，显示提示框。

methods: {
  showAlert() {
    this.isShow = true
  }
}

4. 在模板中使用uni-popup组件来展示提示框，并设置标题、提示信息、确认按钮等信息。当用户点击确认按钮时，跳转到另一个页面。

<template>
  <button @click="showAlert">点击我</button>

  <uni-popup v-model="isShow" title="提示" message="确定要跳转页面吗？" show-confirm-button>
    <view slot="confirm" @click="goToNextPage">确定</view>
  </uni-popup>
</template>

5. 在goToNextPage方法中使用uni.navigateTo或uni.redirectTo实现页面跳转，并获取需要的数据。

methods: {
  goToNextPage() {
    // 跳转到另一个页面
    uni.navigateTo({
      url: '/pages/next-page'
    })

    // 获取数据
    uni.request({
      url: 'https://api.example.com/data',
      success: res => {
        console.log(res.data)
      }
    })
  }
}