vue怎么使用插件npm i quill-image-resize-module -S

在Vue中使用Quill Image Resize Module插件，可以按照以下步骤进行：

1. 安装插件

使用npm安装Quill Image Resize Module插件：

npm i quill-image-resize-module -S

2. 引入插件

在需要使用该插件的组件中，引入Quill和Quill Image Resize Module：

import Quill from 'quill'
import ImageResize from 'quill-image-resize-module'

3. 注册插件

在Vue组件的mounted()函数中，注册Quill Image Resize Module插件：

mounted() {
  Quill.register('modules/imageResize', ImageResize)
}

4. 配置Quill

在Quill实例化的时候，将刚才注册的插件作为modules的一个属性：

<template>
  <div ref="editor"></div>
</template>

<script>
  import Quill from 'quill'
  import ImageResize from 'quill-image-resize-module'

  export default {
    mounted() {
      Quill.register('modules/imageResize', ImageResize)

      this.editor = new Quill(this.$refs.editor, {
        modules: {
          imageResize: {},
          // 其他模块
        }
      })
    }
  }
</script>

这样就可以在Quill中使用Image Resize插件了。