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

26
2023/06

利用富文本編輯器傳遞內(nèi)容Html--子傳父

發(fā)布時間:2023-06-26 09:16:12
發(fā)布者:Товарищ
瀏覽量:
0

解決了父傳子的問題,現(xiàn)在來解決子傳父的問題。

wangEditor.png

因為這是一個修改的頁面,所以文本肯定需要修改,現(xiàn)在我們改變了文本值嘗試點擊立即修改并發(fā)送editorParams.content的值。

wenhui.png

wenhui.png

可以看到content的值并沒有改變,但是文本已經(jīng)改變了,這里的坑是因為雙向綁定在子組件而不是父組件,這里的editorParams.content只是作為父組件傳遞的參數(shù)而不是雙向綁定的參數(shù)。

那么要怎么得到子元素的文本值呢,來到官網(wǎng)我們可以看到wangeditor是有方法獲取值的,這個方法是子組件上的,但我們需要在父組件上使用。

wangEdiror.png

這里推薦使用ref,看一下百度ref解釋:

ref 作用子組件上,用this.$ref.name 獲取到組件實例,可以使用組件所有方法。

這里我們給子組件ref=”wangEditorRef”,然后在父組件的方法中使用this.$refs.wangEditorRef就能直接使用子組件的方法,現(xiàn)在我們使用editor.getText方法和getHtml方法就能正確獲取文本的純文字和html結(jié)構(gòu)。

屏幕截圖(86).png


返回列表