微信小程序 setData 的回调 例子
时间: 2023-06-15 17:08:26 浏览: 141
详解关于微信setData回调函数中的坑
下面是一个简单的微信小程序页面,其中包含一个按钮和一个文本框。当用户点击按钮时,会触发一个 setData 操作,将文本框的内容更新为 "Hello World"。
```html
<!-- index.wxml -->
<view class="container">
<textarea bindinput="onInput"></textarea>
<button bindtap="onTap">点击更新</button>
<view>{{text}}</view>
</view>
```
```javascript
// index.js
Page({
data: {
text: ''
},
onInput: function(e) {
this.setData({
text: e.detail.value
})
},
onTap: function() {
this.setData({
text: 'Hello World'
}, function() {
console.log('setData callback')
})
}
})
```
当用户点击按钮时,onTap 函数会被调用,其中会触发一个 setData 操作,将文本框的内容更新为 "Hello World"。在 setData 中,我们传入了一个回调函数,用于在 setData 操作完成后执行一些逻辑。在本例中,我们只是简单地在控制台输出一条日志。
阅读全文