将从Vue JS事件总线接收的数据绑定到DOM中

Question

我在Records.vue中配置了事件总线$ emit，并在创建生命周期hook的Edit.vue组件上列出了$ on。我的data（）中有一个空的userData对象。事件总线数据在组件之间传输，没有任何问题。

这是我在编辑组件中的数据对象

data() {
     return {
      userData: {
        customerName: ""
       }
     }
}

这是created（）钩子

created() {
  EventBus.$on('editEvent',(data) => {
    this.userData.customerName = data.customer_name;
  })
}

HTML

<input 
       id="grid-first-name"
        type="text"
        placeholder="Customer Name"
        :disabled="isEditable"
        name="name"
        @blur="$v.userData.customerName.$touch()"
        v-capFirst
        v-model="userData.customerName"
        :class="{error:$v.userData.customerName.$error}"

 >

我想使用v模型将数据绑定到HTML。但HTML中什么也没显示