event.preventDefault() can't work well

I have a component for Comments like this:

<template>
  <section class="cmt">
        <div class="quill-editor" @keydown.enter="update" v-model="content" v-quill:myQuillEditor="editorOption"></div>
        <div class="html ql-editor" v-html="content"></div>
  </section>
</template>

<script>
export default {
  data: function () {
    return {
      content: '',
      editorOption: {
        modules: {
          toolbar: false
        },
        placeholder: 'Write a comment...'
      }
    }
  },
  methods: {
    update: function (editor) {
      if (editor.keyCode === 13 && !editor.shiftKey && this.content.length > 0) {
        alert(this.content)
        console.log(this.content)
        editor.preventDefault()
      }
    }
  }
}
</script>

Now I pressing enter example: Test. It will be generated HTML: <p>Test</p><p><br></p>. This must be: <p>Test</p>. I use preventDefault() but itn’t work. How can I fix this?

[surmon-china]

@feedgit

1. @keydown.enter.native.capture.prevent="update"

2. If you just want to block the enter event, then you can block key events by registering a quill module or intercepting events via vue listeners. Also <p> <br> </ p> is inevitable and quill relies on this work.

[surmon-china]

No.