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

最新推荐文章于 2023-04-04 21:14:23 发布

csdnhyms

最新推荐文章于 2023-04-04 21:14:23 发布

阅读量1w

点赞数 5

文章标签：小程序

本文链接：https://blog.csdn.net/csdnhyms/article/details/104626892

版权

微信小程序将输入框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>

在这里插入图片描述