问答

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

作者:admin 2021-08-01 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

vue 中的百度编辑器,有做了页面缓存,但是切换两个页面的时候,编辑器的内容就不见了。
两张图对比,切换之后,input框内容都在,就是编辑器内容不见了。这个怎么回事
屏幕快照 2020-05-29 上午11.27.50.png
屏幕快照 2020-05-29 上午11.28.03.png

<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 存一下,试试看能不能解决你的问题

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue 切换页面  百度编辑器中之前编辑的

    vue 切换页面 百度编辑器中之前编辑的

  • Python读取CSV文件并计算每个属性的均

    Python读取CSV文件并计算每个属性的均

  • vue本地启动访问线上接口使用proxy报40

    vue本地启动访问线上接口使用proxy报40

  • influxdb先后用tag和普通field插入同一

    influxdb先后用tag和普通field插入同一

腾讯云代理商
海外云服务器