基于vue在富文本框组件<quill-editor></quill-editor>中，点击链接按钮，添加链接地址，用代码实现

可以通过监听`quill-editor`组件的`selection-change`事件，然后在回调函数中判断当前选中的内容是否为文本，并且选中内容长度大于0，然后通过`this.$refs.quillEditor.quill.format('link', '链接地址')`来添加链接。

具体实现代码如下：

<template>
  <div>
    <quill-editor ref="quillEditor" v-model="content" @selection-change="handleSelectionChange" />
  </div>
</template>

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

export default {
  components: {
    quillEditor
  },
  data() {
    return {
      content: ''
    }
  },
  methods: {
    handleSelectionChange(range, oldRange, source) {
      const selectedText = this.$refs.quillEditor.quill.getText(range.index, range.length)
      if (selectedText && selectedText.length > 0) {
        const linkUrl = window.prompt('请输入链接地址')
        if (linkUrl) {
          this.$refs.quillEditor.quill.format('link', linkUrl)
        }
      }
    }
  }
}
</script>

在`handleSelectionChange`方法中，首先获取当前选中的文本内容，如果有内容并且长度大于0，就弹出一个输入框让用户输入链接地址，并且通过`quill.format('link', linkUrl)`来添加链接。