之前我們已經成功的安裝并使用wangeditor富文本編輯器。但有時發送完富文本編輯器的內容之后,我們希望編輯器能夠自動清空內容。這該如何實現呢?
之前使用的方法是直接向子組件傳值,把content內容置空。



但發現這樣寫存在bug,只有第一次請求后富文本會自動清空,再次請求后方法失效。
我們可以在子組件內編寫一個清空方法,利用setHtml方法將編輯器成功清空。注意不能只傳一個空字符串,而必須傳入如下參數。

接著在父組件中利用給子組件注冊引用信息,并調用clear方法。有關ref注冊的內容可以點擊此鏈接>>查看。


PS: v2.0.8版本之后,可以直接使用editor.clear()進行清空內容。

關鍵詞:



