微信小程序 弹出可输入数据窗口

wxml文件：

<!--弹窗模块-->
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{
  {showModal}}"></view>
<view class="modal-dialog" wx:if="{
  {showModal}}">
    <view class="modal-title">修改姓名</view>
    <view class="modal-content">
      <view class="modal-input">
        <input placeholder-class="input-holder" type="text" maxlength="10" bindinput="inputChangename" class="input" value="{
  {stuName}}"></input>
      </view>
    </view>
    <view class="modal-footer">
      <view class="btn-cancel" bindtap="onCancelname" data-status="cancel">取消</view>
      <view class="btn-confirm" bindtap&#