vue-quill-edito中怎么获取内容

您可以通过以下两种方式获取vue-quill-editor中的内容：

1. 使用v-model双向绑定，当用户输入内容时，Vue会自动更新数据模型。您可以在Vue组件中使用这个数据模型来获取内容。例如：

<template>
  <div>
    <quill-editor v-model="content"></quill-editor>
    <button @click="submitContent">提交内容</button>
  </div>
</template>

<script>
import QuillEditor from 'vue-quill-editor'

export default {
  components: {
    QuillEditor,
  },
  data() {
    return {
      content: '',
    }
  },
  methods: {
    submitContent() {
      console.log(this.content)
      // 在这里使用content
    },
  },
}
</script>

2. 使用$refs属性获取Quill实例，并通过Quill实例的getText()方法获取内容。例如：

<template>
  <div>
    <quill-editor ref="editor"></quill-editor>
    <button @click="submitContent">提交内容</button>
  </div>
</template>

<script>
import QuillEditor from 'vue-quill-editor'

export default {
  components: {
    QuillEditor,
  },
  methods: {
    submitContent() {
      console.log(this.$refs.editor.quill.getText())
      // 在这里使用content
    },
  },
}
</script>

无论哪种方式，都可以获取到vue-quill-editor中编辑器的内容。