vue 自定义input控件 v-model 绑定数据问题

Posted 2020-12-16 rchao

自定义控件是需要实现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>