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