vue.js - 如何在 quill 编辑器中使用 v-model

Question

我使用 Vue 3

我以前用过这个。它工作得很好。

<textarea v-model="description" required></textarea>

但我把它改成了这个

<QuillEditor
v-model="description" required
/>

在 QuillEditor 中，placeholder 等许多因素都很好，但只有 v-model 不起作用。

这仅仅是一个依赖问题吗？如果没有，我应该如何改变它？

如果这是一个简单的依赖问题，是否有解决方案？如果没有，你能推荐另一个 vue3 兼容的编辑器吗？（可能附上图片）

score 4 · Accepted Answer

您可以像这样使用组件：

<quill-editor v-model:content="modelname" contentType="html" theme="snow"></quill-editor>

score 0 · Accepted Answer

只是分享我的发现如下：

因为 quill-editor 组件默认内容类型是“delta”，但是如果要赋值（字符串类型），则需要将内容类型从 delta 更改为 text 或 html

通过 API props "content" 或 "v-model:content" 在 quill-editor 组件上设置字符串值

score 0 · Accepted Answer

0

这是你应该如何解决它：

<quill-editor v-model:content="modelname" contentType="html" />

于 2021-11-03T07:59:04.740 回答

score -3 · Accepted Answer

您可以使用此编辑器。我正在使用这个编辑器，它的工作。

谢谢你！！