微信小程序更改头像昵称-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序更改头像昵称。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

背景

解决思路

背景

前面写了一篇关于小程序头像昵称获取更改的方案，有很多小伙伴私信我发一个整体的逻辑思路！

解决思路

前面的这篇文章中我们给出了页面中获取头像昵称的代码：

<view class="headInfo" data-weui-theme="{{theme}}">
  <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
    <image class="avatar" src="{{avatarUrl}}"></image>
  </button> 
  <input type="nickname" value="{{nickname}}" bindblur="onUpdateNick" class="weui-input" placeholder="请输入昵称"/>
</view>

上方代码中我们可以很清晰的看到用户的头像和昵称，使用button和input输入框来填充或者更改的。

初始进入本页面的时候，在js中请求后台获取用户头像及昵称信息，填充到相对应的变量中，具体如下：

  getUserInfo(){
    var params = "userId=" +app.globalData.userId
    common.getDataByParam("consumer/user_info",this.doSuccesUserInfo,this.doFailUserInfo,params)
  },
  doSuccesUserInfo(e){
    console.log(e)
    if (common.isReturnSuccess(e)) {
      this.setData({
        avatarUrl:e.data.headSculpture,
        nickname:e.data.nick
      })
    }
    console.log(this.data)
  },

在onload初始化加载的时候请求getUserInfo函数来获取用户的头像和昵称信息。

这就是我的获取用户头像昵称信息。

然后通过button更改用户头像、昵称的时候，调用相对应的方法更该用户昵称和头像即可！

这就是我的方案，又想体验小程序的，可以去《微点记账》看看功能，提点宝贵意见！

也欢迎大家关注我的公众号《coder练习生》

这篇文章因为文字段被标记为质量低，以下文字就是为了打破它的文字段而造成的质量低！

相信和我一样遇到这个问题的的小伙伴们，心里也已经暗自问候了这个产品经理的祖总十八代了吧！

算法实在是不敢苟同，文字的长短和文章的质量有毛线的关系吗？文章来源地址https://www.toymoban.com/news/detail-491313.html

这篇文章因为文字段被标记为质量低，以下文字就是为了打破它的文字段而造成的质量低！

相信和我一样遇到这个问题的的小伙伴们，心里也已经暗自问候了这个产品经理的祖总十八代了吧！

算法实在是不敢苟同，文字的长短和文章的质量有毛线的关系吗？

到了这里，关于微信小程序更改头像昵称的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！