1

我使用 Vue 3

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

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

但我把它改成了这个

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

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

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

我从https://vueup.github.io/vue-quill/guide/installation.html#cdn下载的

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

4

4 回答 4

4

您可以像这样使用组件:

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

欲了解更多信息检查:https ://vueup.github.io/vue-quill/api/#v-model-content

于 2021-06-30T04:10:31.283 回答
0

只是分享我的发现如下:

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

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

  1. 在组件上将 contentType 属性设置为“text”或“html”
  2. 使用 :content 或 :v-model:content" 将字符串值传递给 quill-editor 组件

推荐链接:https ://vueup.github.io/vue-quill/api/

于 2021-08-08T11:02:28.320 回答
0

这是你应该如何解决它:

<quill-editor v-model:content="modelname" contentType="html" />
于 2021-11-03T07:59:04.740 回答
-3

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

访问 - https://www.npmjs.com/package/vue3-editor

操作说明 -

  1. npm i vue3-editor(安装它)
  2. 从“vue3-editor”导入 { VueEditor };(在特定组件上使用)
  3. 组件:{VueEditor},(在组件中使用)
  4. (在表格中使用这个)

谢谢你!!

于 2021-06-03T06:32:32.943 回答