看了很多篇文章,最后结合改了下,这是最终效果:
首先我是引入了这个tinymceEditor,重点就是这两个参数
在data中定义这两个参数: data(){ return { open:false, editorFlag: 0 } }
因为我这里是表单的提交,所以需要调用表单提交之前的这个方法,这个方法是自带的:
// 只需要在methods中添加这个方法就可以了 // 新建、编辑之后 afterCrudToCU() { // 随机生成0-99 的随机数,以防key一样,最开始我并没有定义这个参数,直接取form.id,然后发现点击编辑关闭,再次点击进来富文本里得内容就不显示了,而且不能点击和修改,这里就是因为点击第一次取的id和第二次取的id是一样的 this.editorFlag = Math.floor(Math.random() * 100) this.open = true },