微信小程序个人资料（修改昵称，地址，添加推荐人）

上个页面点击并传入数据，这个页面接收，先把上个页面的点击时间写出来js

  //修改
    nickname:function(e){
        var vlaue = e.currentTarget.dataset.vlaue//当前点击的值
        wx.navigateTo({   
            url:`/components/details/details?data=${vlaue}`,
       })
    },
在wxml里面是这么写的data-vlaue="填写名称"，由于没有接口就用这种方法了

我们现在这个页面的wxml

<view style="margin-top: 20rpx;background-color: #fff;padding: 30rpx;">
   <view wx:if="{{name.data==='昵称'}}" style="display: flex;">
      <view>昵称</view>
      <input  bindinput="inputbh" style="flex: 1;"type="text" value="{{user.name}}"</input>
   </view>
   <view wx:elif="{{name.data==='地区'}}" style="display: flex;">
       <view>所在地区</view>
       <picker style="flex: 1;" mode="region" bindchange="RegionChange" value=" 
         {{user.region}}" custom-item="{{customItem}}">
         <view class="picker">
             {{user.region[0]}}，{{user.region[1]}}，{{user.region[2]}}
          </view>
      </picker>
   </view>
   <view wx:elif="{{name.data==='推荐人ID'}}" style="margin: 20rpx 40rpx;">
       <input bindinput="bindingid" placeholder="填写推荐人ID"/>
         </view>
   </view>
   <view class="phonenumber" bindtap="phonenumber" data-value="{{name.data}}"> 
      {{name.data==='推荐人ID'?'确认绑定':'立即保存'}}
   </view>

js

onLoad: function (options) {
    var user = wx.getStorageSync('muserlist')//数据
    this.setData({
        name:options,
        user:user
    })   
},
//监听input的变化
inputbh:function(e){
   this.setData({
       yhname:e.detail.value
    })
},
bindingid:function(e){
   this.setData({
       binding:e.detail.value
   })
},
phonenumber:function(e){
   var value = e.currentTarget.dataset.value
   if(value === '推荐人ID'){
       if(this.data.binding == undefined){
          wx.showToast({
             title: '请填写推荐人ID',
             icon: 'none', //图标
             mask: true //显示透明蒙层 防止触摸穿透   
           })
        }else{
          var user = wx.getStorageSync('muserlist')
          user.name =this.data.yhname===undefined?user.name:this.data.yhname
          user.region = this.data.area===undefined?user.region:this.data.area
          user.binding=this.data.binding === undefined?user.binding:this.data.binding
         }
     }else{
            var user = wx.getStorageSync('muserlist')
            user.name =this.data.yhname===undefined?user.name:this.data.yhname
            user.region = this.data.area===undefined?user.region:this.data.area
            user.binding=this.data.binding === undefined?user.binding:this.data.binding
            wx.showToast({
                    title: '成功',
                    mask: true //显示透明蒙层 防止触摸穿透   
             })
      }
      wx.setStorageSync('muserlist',user)
      wx.navigateBack({
          delta: 1
       })
},
      // 地区
RegionChange: function(e) {
    this.setData({
        "user.region": e.detail.value,
        area:e.detail.value
    })
    
},

css

/* 保存 */
.phonenumber{
    background-color: #e44032;
    width: 92%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 20rpx;
    margin: 50rpx 30rpx;
    border-radius: 100rpx;
   }