發現有一個接口需要內容和內容的html兩種參數。

借鑒一下同事的富文本編輯器,發現v-model并不能很好的實現雙向綁定,去編輯器官網啃了兩天,結合封裝起來的編輯器成功做成了雙向綁定,并能夠正確傳遞Html參數,以下請看例子。


首先,這里可以看到,通過:傳遞editorParams這個參數,并在子組件中監聽它的變化,當父組件的值改變時,使其與子組件中的值相等,可以看到其中監聽的數值很多,這里可以推斷editorParams應為一個對象。

而編輯器中的v-model綁定的值是content,所以可以判斷editorParams.content為雙向綁定的初始值。
這個富文本編輯器需要根據不同的用戶id顯示不同的文本,所以肯定不能寫死,可以在接口中直接修改editorParams.content的值就能做到修改文本。這里很簡單,所以不多贅述。
關鍵詞:



