解決了父傳子的問題,現(xiàn)在來解決子傳父的問題。
因為這是一個修改的頁面,所以文本肯定需要修改,現(xiàn)在我們改變了文本值嘗試點擊立即修改并發(fā)送editorParams.content的值。
可以看到content的值并沒有改變,但是文本已經(jīng)改變了,這里的坑是因為雙向綁定在子組件而不是父組件,這里的editorParams.content只是作為父組件傳遞的參數(shù)而不是雙向綁定的參數(shù)。
那么要怎么得到子元素的文本值呢,來到官網(wǎng)我們可以看到wangeditor是有方法獲取值的,這個方法是子組件上的,但我們需要在父組件上使用。
這里推薦使用ref,看一下百度ref解釋:
ref 作用子組件上,用this.$ref.name 獲取到組件實例,可以使用組件所有方法。
這里我們給子組件ref=”wangEditorRef”,然后在父組件的方法中使用this.$refs.wangEditorRef就能直接使用子組件的方法,現(xiàn)在我們使用editor.getText方法和getHtml方法就能正確獲取文本的純文字和html結(jié)構(gòu)。
關(guān)鍵詞: