<div style="border: 1px solid #ccc;"> <Toolbar style="border-bottom:1px solid #ccc" :editor="item['editor'+item.id]" :defaultConfig="toolbarConfig" :mode="mode" :ref="'editor'+item.id" /> <Editor style="height:200px;overflow-y:hidden;" v-model="item.remark" :defaultConfig="editorConfig" :mode="mode" @onCreated="onCreated" @onChange="onChange" /> </div> 动态循环生成多个editor

可以使用 v-for 指令和一个数组来动态循环生成多个 editor。例如，假设你有一个名为 `items` 的数组，可以使用以下代码：

<div v-for="item in items" :key="item.id">
  <Toolbar
    :editor="item['editor'+item.id]"
    :defaultConfig="toolbarConfig"
    :mode="mode"
    :ref="'editor'+item.id"
  />
  <Editor
    style="height:200px;overflow-y:hidden;"
    v-model="item.remark"
    :defaultConfig="editorConfig"
    :mode="mode"
    @onCreated="onCreated"
    @onChange="onChange"
  />
</div>

这将会循环遍历 `items` 数组，并为每个元素生成一个包含 `Toolbar` 和 `Editor` 组件的 `<div>` 元素。在这个例子中，我们使用 `:key` 属性来指定每个元素的唯一标识符，这是必须的，因为 Vue.js 会使用这些标识符来优化性能。