vue 切换页面 百度编辑器中之前编辑的内容被清空

Question

vue 中的百度编辑器，有做了页面缓存，但是切换两个页面的时候，编辑器的内容就不见了。
两张图对比，切换之后，input框内容都在，就是编辑器内容不见了。这个怎么回事

<template>
<section class="chart-container">

<el-form :model="addForm" label-width="110px" style=" background-color: white;" :rules="addFormRules" ref="addForm" class="form food_form" label-position="right" size="small">
  <el-form-item label="标题：" prop="name">
      <el-input v-model="addForm.name" auto-complete="off"></el-input>
  </el-form-item>
   <el-form-item label="参考外链" prop="remark">
      <el-input v-model="addForm.url" auto-complete="off"></el-input>
    </el-form-item>
    
  <div class="editor-container" style="margin: 10px;">
    <UE :defaultMsg=defaultMsg :config=config :id=ue1 ref="ue"></UE>
  </div>
  
  <el-form-item>
    <el-button type="primary" @click="submitForm('addForm')" :loading="upLoading">立即创建</el-button>
  </el-form-item>
  </el-form>

</section>
</template>
<script>
import UE from '../../components/ue/ue.vue';
import { addOrEditStackBook, showStackTypeList } from '../../api/api';
export default {

components: {UE},
data() {
  return {
    defaultMsg: '',
    config: {
      initialFrameWidth: null,
      initialFrameHeight: 350
    },
    ue1: "CompetitionCreate", // 不同编辑器必须不同的id
    addFormRules: {
      title: [
        { required: true, message: '请输入名称', trigger: 'blur' }
      ],
    },
    upLoading: false,
    stackTypes: [],
    copyrights: [
      { id: 1, title: '拷贝' },
      { id: 2, title: '原创' },
      { id: 3, title: '借鉴' }
    ],
    addForm: {
      title: '',
      type: '',
      copyright: '',
      frequent: 2,
      content: '',
      status: 1
    },
    param: {
      member_id: this.$route.query.id
    }
  }
},
mounted() {
}

Answer 1

<keep-alive>了解一下

Answer 2

可以在切换的时候自己用sessionstorage 存一下,试试看能不能解决你的问题