vue 自定義input控件 v-model 綁定數據問題

自定義控件是需要實現input事件

並發送input事件傳遞當前值 不傳遞的話使用該組件是無法把輸入的數據綁定到data中的變量中

<template>
  <div>
    <input type="text" :value="value" @input="input">
  </div>
</template>


<script>
export default {
  name: "Input",
  props: {
    value: {
      type: String,
      default: ''
    }
  },
  methods: {
    input(e){
      this.$emit('input',e.target.value)
    }
  }
}
</script>