欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序将输入框input中的值赋值给变量

程序员文章站 2024-02-16 08:22:34
...

微信小程序将输入框input中的值赋值给变量

js代码如下:
data里面的input就是局部变量,我用他来接收输入框中的值,
bindinput是输入框输入时触发的事件。
输入时,就触发赋值事件,e.detail.value就是输入框中的值。
primary是按钮绑定的事件,这里单纯是为了演示,点击按钮,输出值

Page({
  data: {
    input:null
  },
  bindinput:function(e){
    this.setData({
      input: e.detail.value
    })
  },
  primary:function(){
    
    console.log("input:" + this.data.input)
  },

wxml代码如下:

<view class="container log-list">
 <input class="aa" bindinput="bindinput"></input>
 <button type="primary" size="{{primarySize}}" loading="{{loading}}" plain="{{plain}}"
        disabled="{{disabled}}" bindtap="primary"> primary </button>
</view>

微信小程序将输入框input中的值赋值给变量