时间戳

首页 > 解决方案 > 为什么 vue 显示 `[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'content' of undefined"` 错误？

vue.js - 为什么 vue 显示 `[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'content' of undefined"` 错误？

问题描述

我是 Vuejs 的新手并尝试使用 vue-quill-editor。在这里，我尝试在其他组件中使用 Quill 编辑器组件。

所见即所得输入.vue

 <quill-editor
  :options="{
    placeholder: placeholder,
  }"
  :content="content"
  v-on:change="$emit('change', $event.target.content)"
></quill-editor>

应用程序.vue

<wysiwyg-input v-model="content" placeholder="Post Content" />

这在控制台中显示以下错误。

[Vue 警告]：v-on 处理程序中的错误：“TypeError：无法读取未定义的属性‘内容’”

我知道这是基本的，但无法解决。

代码沙盒链接

标签： vue.jsvuejs2vue-componentvue-quill-editor

解决方案

您应该添加一个箭头函数作为带有 as 参数的处理程序，并将该属性作为有效负载$event发出：text$emit

  v-on:change="($event)=>$emit('change', $event.text)"

推荐阅读