wangeditor 动态生成多个

父组件引用

<editor-bar v-model="item.dicVal" :isClear="isClear" :index="index" @change="change" @deleteIndex="delWelLange"></editor-bar>

<div class="weLanguageTemWrap" v-for="(item,index) in weLanguageForm">
  <editor-bar v-model="item.dicVal" :isClear="isClear" :index="index" @change="change" @deleteIndex="delWelLange"></editor-bar>
</div>

this.weLanguageForm.push({ dicVal: ' '})

子组件

<template lang="html">
  <div class="editor">
    <div ref="toolbar" class="toolbar">
    </div>
    <div ref="editor" class="text"></div>
    <p v-if='isShow' style="color:red;text-align: right;">编辑内容不能超过100个字</p>
    <span class="limitNum"><span id="spanId">{
 { spanInfo }}</span>/100</span>
    <span class="el-icon-delete" @click="deleteStudent"></span>
  </div>
</template>

<script>
  import E from 'wangeditor'
  import emojiJSON from