vue重新编辑实现逻辑

在开发中，我们常会涉及到重新编辑用户信息、文章等的开发需求，且一般我们会选择在同一页面内完成编辑和重新编辑。对此，我们可以按以下逻辑来做：

一、点击重新编辑时跳转至编辑页并传递id

二、打开页面时判断是否存在id→有则请求后端接口数据并在前端显示，无则无操作

这里大致涉及三种不同类型的数据显示，以下是我的个人思路和方法，欢迎交流

1、input框

我是给input标签添加id，然后用jquery给input赋值的

$('#title').val(this.artDatas.Title);      #this.artDatas.Title为开发者自定义的字段

2、预览图（base64）

在预览处添加一个等大的、display:none的img标签，判断有id传回时display:inline

<img :src="imgBase64" id="imgBase64" style="...">    #:src动态显示图片

that.imgBase64 = this.artDatas.base64                #从后端接口获取base64图片

3、富文本编辑器

这个需要去查阅富文本编辑器的文档，以wangEditor为例，文档上说可以通过editor.txt.html(...)，设置编辑器内容

所以我们只要在括号中间加入自己定义的变量即可