VueJS - 元素UI输入组件 - 事件处理程序＆＃34;输入＆＃34;错误

Question

我试图用VueJS＆amp; amp;创建一个自定义组件。 Element-UI和我在尝试将数据输入到输入字段时遇到了非常恼人的错误。

以下是文件＆amp;与问题相关的内容：

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)
        }
    }
})

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>

我在控制台收到错误：

请指出我是不是一个傻瓜，但我不能为我的生活弄清楚发生了什么。

干杯， 添

Answer 1

好的，我解决了我的问题。

有趣的是，$ event是使用el-input时提供的输入值。

而不是：v-on:input="parseValue($event.target.value)"

我删除了target.value，我有了自己的价值。 v-on:input="parseValue($event)"

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