欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲

26
2023/06

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

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

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

canshu.png

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

wenhui.pngchuandi.png

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

wenhui.png

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

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


返回列表