久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

15
2023/07

wangeditor-如何清空富文本編輯器

發(fā)布時間:2023-07-15 19:55:52
發(fā)布者:MaiMai
瀏覽量:
0

之前我們已經(jīng)成功的安裝并使用wangeditor富文本編輯器。但有時發(fā)送完富文本編輯器的內(nèi)容之后,我們希望編輯器能夠自動清空內(nèi)容。這該如何實現(xiàn)呢?

之前使用的方法是直接向子組件傳值,把content內(nèi)容置空。

wangeditor富文本

wangeditor富文本

wangeditor富文本

但發(fā)現(xiàn)這樣寫存在bug,只有第一次請求后富文本會自動清空,再次請求后方法失效。


我們可以在子組件內(nèi)編寫一個清空方法,利用setHtml方法將編輯器成功清空。注意不能只傳一個空字符串,而必須傳入如下參數(shù)。

wangeditor富文本

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

wangeditor富文本

wangeditor富文本

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

wangeditor富文本

返回列表