Javascript VueJS-元素UI输入组件-事件处理程序；输入“；错误

我正在尝试使用VueJS&Element UI创建一个自定义组件，在尝试将数据输入到输入字段时遇到了一个非常恼人的错误

以下是与问题相关的文件和内容：

components.js文件：

Vue.component('yetti-input', {
    props: ['value'],
    template: '<el-input ref="input" v-bind:value="value" v-on:input="parseValue($event.target.value)"></el-input>',
    methods: {
        parseValue (value) {
            this.$emit('input', value)
        }
    }
})

Vue.component（'yetti-input'{
道具：['value']，
模板：“”，
方法：{
解析值（value）{
此.$emit（'input'，value）
}
}
})

index.vue文件：

<template>
    <div>
        <div class="login-form">
            <yetti-form>
                <yetti-input v-model="login.email"></yetti-input>
            </yetti-form>
        </div>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                login: {
                    email: '',
                    password: ''
                }
            }
        }
    }
</script>

导出默认值{
数据（）{
返回{
登录：{
电子邮件：“”，
密码：“”
}
}
}
}

我在控制台中收到的错误：

请指出，如果我是个傻瓜，但我一辈子都搞不清楚到底发生了什么

干杯，

---

蒂姆

好的，我解决了我的问题

有趣的是，$事件是使用el input时提供的输入值

而不是有：

v-on:input=“parseValue（$event.target.value）”

我删除了target.value，我有了自己的价值。

v-on:input=“parseValue（$event）”

---

我不确定我是否做了VueJS的错事。但是，这解决了我的问题。

因此，它似乎与el输入有关。使用输入时，一切正常。然而，调用el输入并尝试此操作，它不起作用。因此，也许另一个问题是：当el输入位于组件中时，如何向其添加数据值？