Vuejs更新字段更新所有字段

我有两个formfields标题和链接,当在标题中键入文本时,链接也会得到相同的值。 updateValue方法出错,将执行两次。

我如何才能做到这两个领域都有自己的价值?

应用程序。vue

<form-input v-on:input="handleTitle" :label="'title'" :labelvalue="'Titel'" :type="'text'" :placeholder="''" :name="'title'" :value="title" :classname="'form-control'" :id="''"></form-input>
<form-input v-on:input="handleLink" :label="'Link'" :labelvalue="'Link'" :type="'text'" :placeholder="''" :name="'link'" :value="title" :classname="'form-control'" :id="''"></form-input>

data() {
    return {
        title: '',
        link: '',
    }
}
methods: {
    handleTitle: function (evt) {
        this.title = evt.target.value
    },
    handleLink: function (evt) {
        this.link = evt.target.value
    },

模板:

 <input v-on:input="updateValue($event)" :type="type" :placeholder="placeholder" :name="name" :value="value" :class="classname" :id="id">

export default {
    props: {
        type: String,
        placeholder: String,
        name: String,
        value: String,
        classname: String,
        id: String,
        label: String,
        labelvalue: String
    },
    methods: {
        updateValue: function (evt) {
            console.log(this.$emit('input', evt))
            this.$emit('input', evt)
        }
    }
}