技術標籤：vuevue

在開發中，我們常會涉及到重新編輯使用者資訊、文章等的開發需求，且一般我們會選擇在同一頁面內完成編輯和重新編輯。對此，我們可以按以下邏輯來做：

一、點選重新編輯時跳轉至編輯頁並傳遞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(...)，設定編輯器內容

所以我們只要在括號中間加入自己定義的變數即可