久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

26
2023/06

利用富文本編輯器傳遞內(nèi)容Html--父傳子

發(fā)布時間:2023-06-26 09:06:37
發(fā)布者:Катюша
瀏覽量:
0

發(fā)現(xiàn)有一個接口需要內(nèi)容和內(nèi)容的html兩種參數(shù)。

canshu.png

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

wenhui.pngchuandi.png

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

wenhui.png

而編輯器中的v-model綁定的值是content,所以可以判斷editorParams.content為雙向綁定的初始值。

這個富文本編輯器需要根據(jù)不同的用戶id顯示不同的文本,所以肯定不能寫死,可以在接口中直接修改editorParams.content的值就能做到修改文本。這里很簡單,所以不多贅述。


返回列表