微信小程序 --- 动态获取input的value

这里对 input 使用的是 bindinput 方法：

<input type="text" bindinput="input">
<button bindtap="btnclick">{{text}}</button>

page.js文件：

//获取应用实例
const app = getApp()
Page({data: {text: "点击",inputVal: null},input: function(e){// console.log(e);this.setData({inputVal:e.detail.value});},btnclick:function(){ console.log(this.data.inputVal);}
})

转载于:https://www.cnblogs.com/e0yu/p/8488809.html

微信小程序 --- 动态获取input的value相关推荐

微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
学习使用微信小程序动态获取当前时间并实时跳动
学习使用微信小程序动态获取当前时间并实时跳动 1.修改util.js 2..js函数构造 3.wxml页面显示固定时间 1.修改util.js const formatTime = date => ...
微信小程序-动态获取appid
微信小程序动态获取appid 使用wx.getAccountInfoSync();方法. 具体实现方法如下: var accountInfo = wx.getAccountInfoSync(); va ...
微信小程序动态获取时间
在微信小程序中如何实现动态的获取时间呢?在这里我将直接提供代码,直接复制进去后就可以直击使用了. JS部分 var util = require('../../../utils/utils.js'); ...
微信小程序动态获取和设置元素宽高
需求由于设计界面时常常会用到vh和rpx来设置元素的宽高,但是由于每个手机屏幕的高都不确定,而有时候在设计界面时想把内容刚好适应屏幕大小. 解决方法设置要动态修改宽高的元素. <view c ...
微信小程序之获取input框输入值
第一种:bindsubmit方法注意*: 1.使用form里面定义bindsubmit事件 2.bindsubmit事件需要配合button里面定义的formType="submit&qu ...
微信小程序之获取后台动态数据表格布局display:table
微信小程序之获取后台动态数据表格布局display:table 猿来独往 2018-09-02 本文没有采用flex布局和grid布局来设置表格的,而是通过 display: table;来设置. 一 ...
es6 去掉空格_微信小程序自动去除input空格的方法
当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有input的name参数的方法,下面请看源码: wxml: js: verif ...
微信小程序基础之input输入框控件
今天主要详写一下微信小程序中的Input输入框控件,输入框在程序中是最常见的,登录,注册,获取搜索框中的内容等等都需要,同时,还需要设置不同样式的输入框,今天的代码中都要相应的使用. input输入框 ...

微信小程序 --- 动态获取input的value

微信小程序 --- 动态获取input的value相关推荐

最新文章

热门文章