vue页面使用quill-editor并循环

在Vue页面中使用quill-editor并循环，可以按照以下步骤进行：

首先，安装quill-editor插件。

npm install vue-quill-editor

在Vue组件中引入quill-editor组件。

<template>
  <div>
    <div v-for="(item, index) in quillEditors" :key="index">
      <quill-editor v-model="item.content" :options="quillOptions"></quill-editor>
    </div>
  </div>
</template>

<script>
import { quillEditor } from 'vue-quill-editor';

export default {
  components: {
    quillEditor
  },
  data() {
    return {
      quillEditors: [
        { content: '' },
        { content: '' },
        { content: '' }
      ],
      quillOptions: {
        // 可以根据需求进行配置
      }
    };
  }
};
</script>

在Vue组件中定义一个数组(quillEditors)，用于存储多个quill-editor的内容。
使用v-for指令循环渲染多个quill-editor组件，同时使用v-model指令绑定每个quill-editor的内容到quillEditors数组中的对应项。
可以根据需要在quillOptions中配置quill-editor的选项，例如设置编辑器的样式、工具栏的按钮等。

通过以上步骤，就可以在Vue页面中使用quill-editor并循环了。每个quill-editor的内容会与quillEditors数组中的对应项绑定，可以通过访问quillEditors数组来获取或修改每个quill-editor的内容