@vueup/vue-quill如何绑定值

`@vueup/vue-quill`是一个基于Vue.js的富文本编辑器插件，它允许你在Vue应用中轻松地集成Quill编辑器。要将`vue-quill`的内容绑定到数据属性，你可以按照以下步骤操作：

1. 首先，在你的组件模板上安装`<vue-quill-editor>`，并给它一个变量名，例如`quillEditor`。

<template>
  <vue-quill-editor ref="quillEditor" v-model="content"></vue-quill-editor>
</template>

这里，`v-model`指令用于双向数据绑定，`content`是你需要在data里定义的变量，保存编辑器中的内容。

2. 在你的组件的`data()`函数中定义`content`变量：

export default {
  data() {
    return {
      content: '',
    };
  },
}

3. 当你需要更新编辑器的内容时，可以直接修改`content`的数据。例如，从表单提交、API响应等获取新的文本。

methods: {
  updateContent(newText) {
    this.content = newText;
  }
}

4. 如果你想监听编辑器的变化并在内容改变时同步更新视图，可以在`vue-quill-editor`的选项中设置`on-blur`或`on-change`事件，如下所示：

<vue-quill-editor :options="{ on Blur: 'updateContent', onChange: 'updateContent' }"></vue-quill-editor>

现在，当你在编辑器中输入文字时，`content`变量会随着用户的输入自动更新。