之前我們已經(jīng)成功的安裝并使用wangeditor富文本編輯器。但有時(shí)發(fā)送完富文本編輯器的內(nèi)容之后，我們希望編輯器能夠自動(dòng)清空內(nèi)容。這該如何實(shí)現(xiàn)呢？
之前使用的方法是直接向子組件傳值，把content內(nèi)容置空。
但發(fā)現(xiàn)這樣寫(xiě)存在bug，只有第一次請(qǐng)求后富文本會(huì)自動(dòng)清空，再次請(qǐng)求后方法失效。
我們可以在子組件內(nèi)編寫(xiě)一個(gè)清空方法，利用setHtml方法將編輯器成功清空。注意不能只傳一個(gè)空字符串，而必須傳入如下參數(shù)。
接著在父組件中利用給子組件注冊(cè)引用信息，并調(diào)用clear方法。有關(guān)ref注冊(cè)的內(nèi)容可以點(diǎn)擊此鏈接>>查看。
PS: v2.0.8版本之后，可以直接使用editor.clear()進(jìn)行清空內(nèi)容。
關(guān)鍵詞:
