uni.showModal点击确定才跳转

您可以使用uni.showModal()方法来实现点击确定才跳转的效果。具体实现方法如下所示：

uni.showModal({
  title: '提示',
  content: '确定要跳转吗？',
  success: function (res) {
    if (res.confirm) {
      uni.navigateTo({
        url: '../../pages/popup/index'
      })
    } else if (res.cancel) {
      console.log('用户点击取消');
    }
  }
});

在这个例子中，我们使用了uni.showModal()方法来弹出一个提示框，询问用户是否要跳转。如果用户点击了确定按钮，就会执行uni.navigateTo()方法来跳转到指定页面。如果用户点击了取消按钮，则不会进行任何操作。

相关问题

uni.showModal 封装组件

根据引用和引用提供的信息，可以使用uni.navigateTo和uni.navigateBack方法来显示和隐藏封装的uni.showModal组件。具体步骤如下：
1. 在app.vue或其他需要使用的页面中，使用uni.navigateTo方法进行跳转到封装的uni.showModal组件的页面，例如：uni.navigateTo({ url:"../../pages/popup/index" }) 。
2. 在封装的uni.showModal组件中，可以在公共顶部导航栏组件中加入弹窗组件，以实现在页面顶部显示弹窗。
3. 使用uni.navigateBack方法返回到原来的页面时，可以隐藏封装的uni.showModal组件。

另外，根据引用提供的信息，还可以使用第四种nvue实现方式。具体步骤如下：
1. 在需要使用封装的uni.showModal组件的页面中，引入公共的弹窗组件和全局弹窗工具文件，例如：import PublicPopup from "@/pages/popup/PublicPopup.vue"和import gloPopup from "@/utils/gloPopup.js" 。
2. 在Vue实例中使用Vue.use方法引入全局弹窗工具和公共的弹窗组件，例如：Vue.use(gloPopup)和Vue.component('public-popup', PublicPopup) 。
3. 在app.$mount()下添加代码，将公共弹窗组件添加到页面中，例如：document.body.appendChild(new componetsBox().$mount().$el) 。

通过以上步骤，你可以封装uni.showModal组件并在需要的页面中显示和隐藏它。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uniapp全局弹窗自定义uni.showModal思路总结](https://blog.csdn.net/weixin_44810066/article/details/116060159)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

解释一下这段代码 onLoad(option) { //可否对onload方法做简单说明 let titleChn = '水费缴费' if(option.type === 'sf'){ titleChn = '水费缴费' } if(option.type === 'df'){ titleChn = '电费缴费' } if(option.type === 'rq'){ titleChn = '燃气缴费' } this.payTitle = titleChn }, methods:{ showHelp(){ uni.showModal({ title:'如何查户号?', content:'您可以查看缴费账单、催缴短信，或拨打机构客服电话查询。', showCancel:false, confirmColor:'#67cc8c', confirmText:'确定' }) }, gotoPayment(typeCode){ uni.navigateTo({

这段代码是一个小程序页面的 onLoad 方法，当页面加载时会执行该方法。其中，通过 option 参数来判断缴费类型（水费、电费、燃气费），并将中文标题赋值给变量 titleChn。最后将 titleChn 赋值给该页面的 payTitle 变量。

在 methods 中，定义了两个方法：showHelp 和 gotoPayment。showHelp 方法会弹出一个模态框，显示如何查找户号的提示信息。gotoPayment 方法则是跳转到缴费页面，传递参数 typeCode 表示缴费类型。具体跳转路径和参数需要根据实际需求进行修改。