咨询电话:
15628812133
26
2023/06

利用富文本编辑器传递内容Html--父传子

发布时间:2023-06-26 09:06:37
发布者:Катюша
浏览量:
0

发现有一个接口需要内容和内容的html两种参数。

canshu.png

借鉴一下同事的富文本编辑器,发现v-model并不能很好的实现双向绑定,去编辑器官网啃了两天,结合封装起来的编辑器成功做成了双向绑定,并能够正确传递Html参数,以下请看例子。

wenhui.pngchuandi.png

首先,这里可以看到,通过:传递editorParams这个参数,并在子组件中监听它的变化,当父组件的值改变时,使其与子组件中的值相等,可以看到其中监听的数值很多,这里可以推断editorParams应为一个对象。

wenhui.png

而编辑器中的v-model绑定的值是content,所以可以判断editorParams.content为双向绑定的初始值。

这个富文本编辑器需要根据不同的用户id显示不同的文本,所以肯定不能写死,可以在接口中直接修改editorParams.content的值就能做到修改文本。这里很简单,所以不多赘述。


返回列表