<template> <div> <wangeditor :catchData="catchData"></wangeditor> </div> </template> <script> import wangeditor from './wangeditor' data(){ return{ content:"" } }, methods:{ catchData(value){ this.content=value //在这里接受子组件传过来的参数，赋值给data里的参数 } }, components: { wangeditor }, </script>
上面字最多的地方好好看清楚，只有做了customInsert: function (insertImg, result, editor){}里的步骤，图片才会在富文本中显示，否则是不会自动显示。