微信小程序通过点击按钮修改input框中的值之简单实例

通过点击按钮修改input框的值应该很多人都需要这种需求，希望这个简单实例能给读者带来帮助

WXML文件

<view class='service-three'><input type='text' value='{{content}}' 
disabled='false' confirm-type ="send" bindconfirm="bindConfirmControl"></input></view>

<button class='btn' bindtap='change'>修改文本框中的值</button>

CSS文件

.service-three{
  width: auto;
  margin-top: 50rpx;
    margin-left: 30rpx;
  margin-right: 30rpx;
  height: 60rpx;
    border:1rpx solid #CCCCCC;
}
.btn{
  margin-top: 40rpx;
}

js文件

Page({

  /**
   * 页面的初始数据
   */
  data: {
    content:'我是默认的值'
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  change:function(){
    this.setData({
      content:'我是被点击修改的值'
    })
  }
})

运行过程图：
启动：

点击按钮之后：

关注公众号，获取更多资源

每天进步一点点，开心也多一点点