在Vue js中集成ck编辑器

Question

我正在尝试将ckeditor与vue js集成到我的应用程序中。一切工作正常，但是当我单击提交按钮时，所有数据都保存在数据库中，并且所有字段均为空。 但是在这种情况下，如果我刷新或更改dom并再次进入同一页面然后工作正常，则无法编辑ck编辑器。 我认为它需要重新绑定ckeditor，但是我不确定我们该怎么做。 我点击了此链接-> https://vuejsexamples.com/ckeditor-using-for-vue-js-2/ 集成ck-editor并在索引页上使用ckeditor的js文件。

Answer 1

我假设您使用的表单是由浏览器提交的-本地html行为。为了避免这种情况，类型为Submit的输入字段应该看起来像（均为@ submit.prevent和@ click.prevent）：

 <form @submit.prevent="">
      <input type="text" />
      <input type="submit" value="ok" @click.prevent="" />
 </form>