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() {
}
###<keep-alive>了解一下
###可以在切换的时候自己用sessionstorage 存一下,试试看能不能解决你的问题