發(fā)現(xiàn)有一個(gè)接口需要內(nèi)容和內(nèi)容的html兩種參數(shù)。
借鑒一下同事的富文本編輯器，發(fā)現(xiàn)v-model并不能很好的實(shí)現(xiàn)雙向綁定，去編輯器官網(wǎng)啃了兩天，結(jié)合封裝起來(lái)的編輯器成功做成了雙向綁定，并能夠正確傳遞Html參數(shù)，以下請(qǐng)看例子。
首先，這里可以看到，通過(guò)：傳遞editorParams這個(gè)參數(shù)，并在子組件中監(jiān)聽(tīng)它的變化，當(dāng)父組件的值改變時(shí)，使其與子組件中的值相等，可以看到其中監(jiān)聽(tīng)的數(shù)值很多，這里可以推斷editorParams應(yīng)為一個(gè)對(duì)象。
而編輯器中的v-model綁定的值是content，所以可以判斷editorParams.content為雙向綁定的初始值。
這個(gè)富文本編輯器需要根據(jù)不同的用戶id顯示不同的文本，所以肯定不能寫(xiě)死，可以在接口中直接修改editorParams.content的值就能做到修改文本。這里很簡(jiǎn)單，所以不多贅述。
關(guān)鍵詞:
