.html新内容编辑错误,Vue + wangEditor 富文本编辑器,初始化时向文本框中插入内容失败...

我想要实现一个编辑的操作,进入页面时从后台获取数据后将数据插入富文本框中,

数据请求到了,但用官方的方法 editor.txt.html()没能将数据插入到文本框中去。

下面是截图,还有代码:

红色箭头所指就是我请求到的数据,即想插入文本框中的数据,但是不知道为什么是空的

bVbkYMf###

代码

HTML中的代码

{{this.quizData.quizTitle}}

数据请求在create中

created () {

this.getQuizInfo()

//getQuizInfo()在methods中

getQuizInfo () {

quizInfo().then(res=>{

this.quizData = res.data

})

},

},

quizData的数据结构

quizData:{

"quizId": 0,

quizTitle: "",

quizType: 0,

"updateTime": "2018-11-28T03:10:25.082Z",

},

文本框初始化在mounted中

mounted() {

var editor = new E(this.$refs.editor)

editor.customConfig.onchange = (html) =>{

console.log(html)

this.quizData.quizTitle = html

}

editor.customConfig.menus = [

'head', // 标题

]

editor.create()

editor.txt.html(this.quizData.quizTitle)

},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值