Vue.js 为什么事件在同一元素中只正确触发一次？

我已经构建了一个非常简单的notes应用程序，只是为了练习，我在一个视图中有两个组件，一个用于表单，另一个用于notes列表。列出的注释有两个操作按钮，一个用于编辑，另一个用于删除。当我点击编辑按钮时，会触发一个事件到父组件，并选择一个注释，然后填充数据变量“noteEdit”，并将此数据以prop的形式传递给表单组件以进行更新

当我更新所选便笺，并尝试从同一便笺中再次单击编辑按钮时，事件单击被触发，但表单不再收到道具，我必须从列出的另一便笺中单击编辑按钮，然后其正常工作。类似于无法连续触发同一元素中的事件

在vuex index.js中

async editar(context,payload){
  try {
    let response = await axios.put(`/nota/${payload._id}`,payload)
    console.log(response.data.nota)
    context.commit('actualizar',response.data.nota)

    return [true,'Eliminado']
  } catch (error) {
    return [false,error]
  }      
}

<div class="row">
  <formulario :notaEdit="notaEdit"  class="col-md-4"></formulario>
  <lista @nota-edit="notaEdit = $event" class="col-md-8"></lista>
</div>

...

data() {
 return {
   notaEdit: []
 };
},

视图中的注释

async editar(context,payload){
  try {
    let response = await axios.put(`/nota/${payload._id}`,payload)
    console.log(response.data.nota)
    context.commit('actualizar',response.data.nota)

    return [true,'Eliminado']
  } catch (error) {
    return [false,error]
  }      
}

<div class="row">
  <formulario :notaEdit="notaEdit"  class="col-md-4"></formulario>
  <lista @nota-edit="notaEdit = $event" class="col-md-8"></lista>
</div>

...

data() {
 return {
   notaEdit: []
 };
},

...
数据（）{
返回{
notaEdit:[]
};
},

列表组件中的

<div class="w-50 pl-3">
      <h4>Acciones</h4>
      <b-button block href="#" variant="primary" @click="$emit('nota-edit',nota)">Editar</b-button>
      <b-button block href="#" variant="outline-danger" @click="remove(nota._id)">Eliminar</b-button>
</div>

疫苗
编辑
Eliminar

---

嘿，你可以发布代码而不是图像吗？复制和自己尝试都很容易即使你可以发布图像也很好。我们不介意滚动，但介意单击：请创建一个。我修复了它，这是我逻辑中的一个错误，无论如何，谢谢。