vue-quill-editor中link如何使用

在Vue项目中使用vue-quill-editor的链接（link）功能可以通过以下步骤实现：

1. 首先，在终端中使用npm或yarn安装vue-quill-editor插件：

npm install vue-quill-editor

2. 在需要使用vue-quill-editor的Vue组件中，引入vue-quill-editor并注册为全局组件：

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'

Vue.use(VueQuillEditor)

3. 在模板中使用vue-quill-editor，并设置对应的v-model绑定一个数据属性，用于保存编辑器的内容：

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

4. 编辑器的链接（link）功能使用了Quill富文本编辑器的特性，可以通过自定义toolbar选项来添加链接按钮。在Vue组件中通过配置toolbar选项来添加链接按钮：

<template>
  <div>
    <vue-quill-editor v-model="content" :options="editorOptions"></vue-quill-editor>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      editorOptions: {
        // 添加链接按钮到工具栏
        toolbar: [
          ['bold', 'italic', 'underline', 'strike'], // 加粗，斜体，下划线，删除线
          [{ 'header': 1 }, { 'header': 2 }], // 标题
          [{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小
          [{ 'color': [] }, { 'background': [] }], // 字体颜色，背景颜色
          [{ 'font': [] }], // 字体
          [{ 'align': [] }], // 对齐方式
          ['link'] // 链接按钮
        ]
      }
    }
  }
}
</script>

这样就在vue-quill-editor的工具栏中添加了一个链接按钮。用户可以通过点击链接按钮，在编辑器中插入或编辑链接。

请注意，以上代码中的toolbar选项只是一个示例，你可以根据自己的需求进行配置和扩展。更多关于vue-quill-editor的配置和使用方法，请参考官方文档或示例代码。