php - 如何在 vueJS 中使用 summernote？错误 :summernote is not a function

Question

我正在尝试在 vueJS 中使用 summernote。在 Laravel 框架下。在 blade.php 文档中，我设置了一个 id summernot_div:

<input type="text" v-model="articleForChange.article_body" class="form-control" id="summernote_div" placeholder="Article Content">

然后，在相应的 vueJS 文档中，在 created() 方法中:

$('#summernote_div').summernote({
  height: 300, // set editor height
  minHeight: null, // set minimum height of editor
  maxHeight: null, // set maximum height of editor
  focus: true // set focus to editable area after initializing summernote
});
console.log(summernote);

但页面只是响应:

Uncaught TypeError: $(...).summernote is not a function.

有什么我想做的事吗？

Answer 1

你应该在 ready 函数而不是 created 中添加 summernote init。作为docs state: DOM 编译还没有开始，$el 属性还不可用。

还要确保你已经包含了 summernote 插件。