微信小程序点击按钮提交，弹框提示之后显示状态并跳转页面

按钮：

    <view class="bottom-btn">
                    <van-button
            round 
            type="default" 
            color="#1296db"
            bindtap='jumpToDetail'
            >提交</van-button>
                            </view>

按钮wxss:

.bottom-btn {
    position: fixed; 
    
     padding-left: 3rem; 
    /* padding-right: 8%; */
    padding-top: 1rem;
    padding-bottom: 3rem;
    bottom: 0;
    width: 75%;
    height: 2rem;
    text-align: center; 
    background-color: #ffffff;
}
.van-button{
    
    width:50%;
}

js代码：

 /** 跳转到首页页面 */
    jumpToDetail() {
        wx.showModal({
            title: '提示',
            content: '是否确认提交',
            success: function (res) {
                if (res.confirm) {
                    console.log('用户点击确定')
                    wx.showToast({
                        title: '成功',
                        duration: 1000,
                        success: function () {
                        setTimeout(function () {
                        wx.reLaunch({
                        url: '../index/index',
                          })
                        }, 1000);
                     }
                   })
                                                            
                }else{
                   console.log('用户点击取消')
                }
 
            }
        })
    },

确认之后

然后就跳转

最后

以上就是天真狗为你收集整理的微信小程序点击按钮提交，弹框提示之后显示状态并跳转页面的全部内容，希望文章能够帮你解决微信小程序点击按钮提交，弹框提示之后显示状态并跳转页面所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。