WePY中如何正确绑定input的值变化事件？

予曦~ 提问于 2026-02-27 15:42:18 阅读 12

移动

我在用WePY写小程序时，想监听input输入框的内容变化，但发现onInput事件里拿不到最新的值，试了setData也不行，到底该怎么写才对？

我现在的代码是这样的：

methods: {
  onInput(e) {
    console.log(e.detail.value); // 这里能打印，但页面没更新
    this.inputValue = e.detail.value;
  }
},
data: {
  inputValue: ''
}

我来解答赞 7 收藏

反馈

1 条解答

Air-新云 Lv1

省事的话直接用 value 绑定 + input 事件里 this.inputValue = e.detail.value 就行，但得确保 inputValue 在 data 里声明过，WePY 不会自动响应未声明的属性，你这代码看起来没问题，可能实际页面里没用 {{inputValue}} 绑定，或者 input 标签没加 value="{{inputValue}}"。

<template>

  <view>

    <input value="{{inputValue}}" bindinput="onInput" />

  </view>

</template>



<script>

import wepy from 'wepy'



export default class Index extends wepy.page {

  config = {

    usingComponents: {}

  }



  data = {

    inputValue: ''

  }



  methods = {

    onInput (e) {

      this.inputValue = e.detail.value

    }

  }

}

</script>

2026-02-27 16:00