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

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

浏览量:4142 时间: 来源:white_poland

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

WXML文件

view class='service-three'input type='text' value='{{content}}' disabled='false' confirm-type ="send" bindconfirm="bindConfirmControl"/input/viewbutton 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:'我是被点击修改的值'    })  }})

运行过程图:
启动:
小程序
点击按钮之后:
小程序

每天进步一点点,开心也多一点点。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎