为什么不更改输入的值？

Question

我有一个输入，用于传递星级评分模块的值。当我将函数与v模型一起使用时，输入的值会更改（例如'4'），但是函数@input不会读取该值。

我在模板中的代码：

<div v-if="question.element_type=='notation'">
    <star-rating 
         inactive-color="#4c514c" 
         v-bind:star-size="30"
         v-model="selectedNote"
         @rating-selected ="next"
         :rounded-corners="true"
         :show-rating="false">
     </star-rating>
    <textarea 
        v-model="selectedNote" 
        class="myTextarea" 
        maxlength="1"
        :name="'q'+question.id"
        @input="next">
    </textarea>
</div>

我的两个功能：

setRating: function(rating) {
                this.selectedNote = rating
            },
next(evt){
    this.selectedNote = evt.target.value
    if(evt.target.value.length)
        this.affichageSuivant = true 
    else
        this.affichageSuivant = false
},

和我的seletedNote状态

selectedNote: 0,