微信小程序根据状态控制导航栏标题的显示

最新推荐文章于 2023-08-09 15:17:29 发布

我不怕，我是超人

最新推荐文章于 2023-08-09 15:17:29 发布

阅读量275

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_48145150/article/details/124948435

版权

该篇博客介绍了如何在微信小程序中将收货地址的新增和编辑功能整合到一个页面，并通过传递参数来动态设置页面标题。在`goAddAddress`函数中，利用`wx.navigateTo`跳转并传递`type`参数，值为`add`或`edit`。目标页面的`onLoad`函数根据`options.type`来调整导航栏标题，实现新增和编辑状态的区分。

摘要由CSDN通过智能技术生成

业务需求：收货地址的新增和编辑想弄在同一个页面，但是标题想对应显示新增地址和编辑地址。

跳转时多传一个参数做判断，新增时type传个’add‘，编辑时传'edit'

    goaddDddress(){
      wx.navigateTo({
        url: '/subpackages/my/address_AE/address_AE?type=' + 'add',
      })
    },

目标页面，通过wx.setNavigationBarTitle设置title

    onLoad: function (options) {
        wx.setNavigationBarTitle({
            title: (options.type == 'add' ? '添加收货地址' : '编辑收货地址')
          })
    },