小程序wxml页面 输入数据 传值给js
时间: 2023-05-25 19:07:19 浏览: 542
微信小程序关于变量对象data 和 前端wxml取后台js变量值
在wxml页面中,我们可以使用`<input/>`、`<textarea/>`等组件来让用户输入数据,然后用`bindinput`事件来获取用户输入的值,并将其传递给js代码。
例如,我们创建一个输入框和一个按钮:
```
<view class="container">
<input bindinput="bindInputValue" placeholder="请输入内容"/>
<button bindtap="handleButtonClick">提交</button>
</view>
```
当用户在输入框中输入内容时,我们可以通过`bindinput`事件来获取输入的值:
```
Page({
data: {
inputValue: ''
},
bindInputValue(event) {
this.setData({
inputValue: event.detail.value
})
},
handleButtonClick() {
console.log(this.data.inputValue)
}
})
```
在js中,我们可以通过页面的`setData`方法来更新`inputValue`的值,然后在点击按钮时通过`this.data.inputValue`来获取用户输入的值,从而进行下一步操作。
阅读全文