微信小程序实现显示和隐藏控件-头像-取值-bindblur事件

 <view class=" {{showOrHidden?'show':'hidden'}}"></view>

.hidden {
  display: none;
}
 
.show {
  display: block;
}

 data: {
    showOrHidden:true,
    //判断显示与否的，true表示显示，反之隐藏
 },

<view wx:if='{{showOrHidden}}'></view>

 data: {
    showOrHidden:true,
    //判断显示与否的，true表示显示，反之隐藏
  },

<view class="{{showView?'show':'hidden'}}" >
 <button class='show-button' bindtap='showButton'>go</button>
</view>

data: {
    showView: true,
},
showButton:function(){
    var that = this;
    that.setData({
      showView: (!that.data.showView)
    })
 }

<open-data type="userAvatarUrl" class='img'></open-data>     

.img {
  width: 200rpx;
  height: 200rpx;
  margin: 20rpx;
  border-radius: 50%;
  display: flex;
  overflow:hidden;
}

实现方式
data-index="{{index}}"
e.currentTarget.dataset.index

form表单取值
<form bindsubmit="formSubmit">与<button formType="submit">

formSubmit: function(e) {
  var detail = e.detail.value.detail;
}

<textarea bindblur="bindTextAreaBlur" auto-height placeholder="请输入内容" value="{{ceshi}}" />