左图是setdata的效果

左图是setData的效果

代码如下

// pages/demo4/demo4.js

Page({

/**

* 页面的初始数据

*/

data:

{

num: 0

},

//输入框的input事件的执行逻辑

handleInput(e) {

// console.log(e.detail.value);

this.setData({ num: e.detail.value })

}

})

<!--pages/demo4/demo4.wxml-->

<!-- 1.需要给input标签绑定，input事件绑定关键字 bindinput

2.如何获取输入框的值：通过事件源对象来获取

e.detail.value

3.把输入框的值赋值到data当中

不能直接this.data.num=e.detail.value

不能直接this.num=e.detail.value

正确写法：this.setData({num:e.detail.value})

-->

<input type="text" bindinput="handleInput"/>

<view>{{num}}</view>