vue input修改事件

Vue中input的修改事件有两种常见的绑定方式:

1. 使用v-model指令

<template>
  <div>
    <input v-model="inputValue" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

2. 使用@input事件

<template>
  <div>
    <input :value="inputValue" @input="handleInput" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(event) {
      this.inputValue = event.target.value
    }
  }
}
</script>

无论使用哪种方式，都需要在data中定义一个变量来存储输入框的值，然后通过v-model或@input事件将输入框的值同步到data中。