在vue js中集成ck编辑器

Question

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

​

Answer 1

我假设您使用的表单是由浏览器原生html行为提交的。为了避免这种情况，类型为submit的输入字段应该如下所示(两个字段都是@submit.prevent，所以都是@click.prevent)：

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