1、首先,我们先写个输入框,然后将输入的内容赋值给data中的num变量。
注1:小程序中对输入框标签要求严格,闭合标签必须要存在,否则会报错,代码如下
注2:bindinput是绑定输入框的属性名,与vue中的v-bind:input一样的~
<input type="text" bindinput='bindInput' />
<view>{
{num}}</view>
<script>
Page({
data: {
num: 0
},
bindInput(e){
// console.log(e) 通过打印知道内部数据e的值
// this.data.num = e.detail.value 这种方式在vue中是对的,但是在微信小程序里面是不支持的,赋值方法应如下:
this.setData({
num: e.detail.value
})
}
})
</script>
展示效果如下:这样我们实现了输入框的数据变动,连带改变data的数据。