使用bindinput 绑定输入事件,通过 event.detail.value 获取输入框的值。具体操作如下: <input bindinput="onInput" placeholder="请输入内容"></input> Page({onInput: function(event) {var value = event.detail.value;console.log(value);}}) 使用双向数据绑定,在 input 组件中使用 value 属性绑定一个变量,...
一、获取input的值 wxml: <input type="text" class="input-val" bindinput ="searchInput" placeholder="请输入查询内容" maxlength='10' value="{{searchVal}}"/> js: searchInput:function(e){this.setData({searchVal: e.detail.value})}, 二、获取textarea的值 wxml表单: <form bindsubmit="formSub...
3.设置input的name值来获取对应的数据 wxml代码如下: <form bindsubmit="formSubmit"><inputtype="text"name="name"class="content"placeholder="请输入司机姓名"/><inputtype="text"name="plateNo"class="content"placeholder="请输入车牌号"/><buttonclass="wehx-foot-btn"hover-class="wehx-button_hover"fo...
1、bindinput <inputbindinput='getInputValue'name='price'type='text'placeholder='输入内容'></input> 其中e.detail是获取input数据 其中包含value值,cursor是获取光标的位置。 getInputValue(e){ console.log(e.detail)//{value: "ff", cursor: 2}} 2. bindsubmit <formbindsubmit='loginForm'><textclas...
微信小程序获取input里面的内容 在.wxml文件中 <view class="itemView">姓名: <input name="userName" placeholder="请输入申请人姓名" bindinput="userNameInput" /> </view> 在js中 data: { userName: '', } userNameInput: function (e) {
微信⼩程序---获取输⼊框(input)内容 wxml <input placeholder="请输⼊⼿机号码" maxlength="11" type="tel" bindinput="getInput" /> js Page({ data:{ getInput: null },getInput:function(e){//⽅法1 this.data.getInput = e.detail.value;},//getInput: function (e) {//⽅法2...
最近写小程序项目遇到一些问题,今天整理下这些问题的解决方法,希望对用户有帮助。下面是登录页,点击登录时获取input框中的值, 效果如下: wxml布局如下: <view><inputtype="text"placeholder-bindinput="userNameInp"placeholder="请输入账号"/></view><view><inputpasswordplaceholder-bindinput="usePasswordInp"placeh...
通常使用的是input的绑定方法 bindinput="userInput" 绑定的方法如下,通过e携带的detail.value获取用户的输入 userInput(e) { this.setData({ name : e.detail.value, }) } e为该方法触发返回节点携带的参数,如果你想知道e是什么可以将起打印处理
效果图: 此界面wxml代码: js代码: 以上就获取到input输入的值,通过点击登录按钮,触发登录按钮的点击事件函数,来传值 使用官方给的APIwx.setStorage...