展示:
父组件中使用:
<el-form-item label="内容" prop="content">
<editor-bar
v-model="ruleForm.content"
:isClear="isClear"
@change="change"
></editor-bar>
</el-form-item>
<script>
import EditorBar from "./components/editor.vue";
export default {
components: {
EditorBar,
},
data() {
return {
isClear: false,
};
},
}
methods: {
change(val) {
// console.log('富文本接收到的值',val);
this.ruleForm.contents = val;
},
}
</script>
子组件:
<template lang="html">
<div class="editor">
<div ref="editor" class=