Html 使用vue cli的tiptap扩展按enter键创建新的文本字段

Html 使用vue cli的tiptap扩展按enter键创建新的文本字段,html,editor,vue-cli-3,prose-mirror,Html,Editor,Vue Cli 3,Prose Mirror,我使用的是tiptap extension,它是Vue的富文本编辑器。我想在每次按enter键时创建一个新的文本字段。 但我找不到解决办法。 以下是tiptap的链接: 我试着用v-on:keyup 模板:` 嘿 你好,世界 `, ... 方法:{ .... 新组() { app.divs++; } ... 我想创建一个新的文本字段 template:` <div> <div v-if='show == true'>

我使用的是tiptap extension,它是Vue的富文本编辑器。我想在每次按enter键时创建一个新的文本字段。 但我找不到解决办法。 以下是tiptap的链接:

我试着用v-on:keyup

模板:`
嘿

你好,世界

`, ... 方法:{ .... 新组() { app.divs++; } ...
我想创建一个新的文本字段

    template:`
     <div>
       <div v-if='show == true'>
          <button>Hey</button>
       </div>
       <p contenteditable="true" 
          v-on:keyup.enter="newGroup" 
          v-on:keydown.tab="newGroup" >

       Hello world

      </p>
     <div v-if='show'> </div>
  </div>
  `,

...
methods: {
....
newGroup()
    {
      app.divs++;
    }

...