微信小程序——点击文字出现编辑区域修改该文字

wxml：

<button bindtap="open_close_modal">
  <text>{{group_name_A}}</text>
</button>

<modal hidden="{{hidden_modal_input}}" title="队伍A名称" 
   	confirm-text="确定" cancel-text="取消" bindcancel="cancel_name" 
  	bindconfirm="open_close_modal">
     <input placeholder="请输入队伍名" bindinput="group_name" />
</modal><!--打开编辑窗口修改队伍名-->

js：

data: {
  group_name_A:"group A",
  hidden_modal_input: true
  },
  open_close_modal: function () {//打开或关闭modal
    this.setData({
      hidden_modal_input: !this.data.hidden_modal_input
    })
  },

  cancel_name:function(){//将队伍名重置并关闭modal
    this.setData({
      group_name_A:"group A",
      hidden_modal_input: !this.data.hidden_modal_input
    })
    
  },

  group_name:function(res){//将输入的队伍名赋给显示文本
    this.setData({
      group_name_A: res.detail.value
    })
  },

微信小程序日志：
2021年8月2日
点击修改队名功能