如何清空微信小程序input值

最新推荐文章于 2025-03-16 16:50:06 发布

原创最新推荐文章于 2025-03-16 16:50:06 发布 · 2.8k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文展示了一个使用WXML和JS进行数据绑定及事件处理的小程序案例。通过wxml中的input组件与js的数据对象交互，实现输入内容的实时显示与清空功能。此案例适用于小程序开发初学者理解数据绑定与事件触发机制。

wxml代码

<input type='text' value='{{content}}' bindinput="getContentValue"></input>
<button catchtap="sendMsg">发送</button>

js代码

data: {
    content: '',//input框绑定的值
  },
//获取content的值
getContentValue: function(e){
	this.setData({
    	content: e.detail.value
    })
},
//点击发送后清空content值
sendMsg: function(){
	this.setData({
    	content: ''
    })
},