vue-quill-editor设置显示宽高

在 Vue 中使用 vue-quill-editor 插件时，可以通过设置组件的宽高来控制编辑器的显示大小。有两种方法可以实现。

第一种方法是通过直接设置组件的样式。在组件的 `<template>` 中，可以给 vue-quill-editor 组件添加一个父容器，并给该容器设置宽高样式，然后在该容器内部渲染 vue-quill-editor 组件。示例代码如下：

<template>
  <div class="editor-container" style="width: 500px; height: 300px;">
    <quill-editor ref="myQuillEditor"></quill-editor>
  </div>
</template>

在上述示例中，我们给 `editor-container` 添加了 `width` 和 `height` 样式，分别设置为 `500px` 和 `300px`，可以根据实际需求进行调整。

第二种方法是通过使用组件的 props 属性来设置宽高。在 Vue 中，可以通过给 vue-quill-editor 组件传递 props 来设置宽高。示例代码如下：

<template>
  <quill-editor :style="{ width: '500px', height: '300px' }" ref="myQuillEditor"></quill-editor>
</template>

在上述示例中，我们使用了 `:style` 绑定属性来设置宽高，将宽度设置为 `500px`，高度设置为 `300px`，可以根据实际需求进行调整。

无论采用哪种方法，都可以根据需要自定义 vue-quill-editor 的显示宽高。