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