美文网首页
vue引入ueditor所踩过的坑

vue引入ueditor所踩过的坑

作者: 闫大傻王二傻的快乐生活 | 来源:发表于2018-07-06 13:00 被阅读0次

今天聊一聊vue中引入ueditor富文本编辑器,相信大家在做后台管理这一块的时候也是经常遇到这个问题,话不多说,主要给大家讲几点我在工作当中踩过的坑!!!!


第一就是在调接口的时候:当“新建”和“编辑”的弹框是一个的时候,并且每个里面都有一个富文本编辑器,这样我们调取的内容是不一样的,所以我们需要把“新建”和“编辑”中富文本编辑器的内容分开分别传递给后台,当我们在后台获取到编辑页面当中需求是:需要在ueditor中显示我们在新建的时候的内容,如果我们直接写

this.content = 接口所返回的内容的话,是不行的,只能通过this.$refs.ue.setUMContent(msg)这个方法才能动态改变里面的内容。

第二就是在页面加载之后:当页面刷新重新加载,ueditor会重新调取接口并加载内容,但是在我们代码中如果以this.$refs.ue.setUMContent(msg)这种方式调取内容的话,是会报错的(看图)

意思就是说:在执行setContent()函数的时候,Umeditor还没有初始化好,所以需要等Umeditor初始化好后再调用setContent()函数,用到um.ready(),我的更改为如下就ok了,仅供参考:

主要参考与:https://blog.csdn.net/fairyier/article/details/80681200

相关文章

  • vue引入ueditor所踩过的坑

    今天聊一聊vue中引入ueditor富文本编辑器,相信大家在做后台管理这一块的时候也是经常遇到这个问题,话不多说,...

  • ueditor的踩坑路

    背景: 我使用ueditor的背景是 vue+vue-cli+webpack 1:引入ueditor; (1)...

  • vue踩过的坑

    vue踩过的坑

  • Ueditor 踩坑

    1.上传大文件D:\phpStudy\WWW\youth_git\Public\static\ueditor_ne...

  • vue引入图片踩坑

    vue中,在普通标签里加行内样式行不通的!!!例如这样: 我是div 就不行。 引入图片有以下方式: 在 css ...

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

  • Vue 踩过的坑

    1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因...

  • Vue踩过的坑

    NO.1 vue中的计算属性computed是不能传参的,只能通过变通的方法 比如:{{getUserNames(...

  • 【笔记】一些已解决问题的方法汇总

    记录一下平时解决过的问题以及参考文章,避免踩过的坑重复踩。- -↓ ↓ ↓ windows下vue.js开发环...

  • vue中bus.$on事件被多次绑定

    vue中eventbus被多次触发(vue中使用eventbus踩过的坑)【bus.$on事件被多次绑定】 问题描...

网友评论

      本文标题:vue引入ueditor所踩过的坑

      本文链接:https://www.haomeiwen.com/subject/qpbvuftx.html