Vue 使用wangeditor设置默认值的问题

1.对于wangeditor引用

参考官方文档(vue的demo,看不懂文档可以直接看代码

2. 想实现的效果

需求在于,如果你想修改新闻,点击修改然后获取数据库的值,放到编辑框进行编辑。
在这里插入图片描述

3.出现的问题

  1. 放不进去,不是在上面就是在下面
  2. 数据库的String 放进去带标签
  • 问题1(这里使用ref绑定,和id标签绑定一样)
  <div ref="editor">
     1233
  </div>

效果如下在这里插入图片描述
解决办法:(加个div标签 完事)

  <div ref="editor">
     <div>123</div>
  </div>
  • 问题2 从数据库读出的数据未被识别成HTML
    在这里插入图片描述
    解决办法(vue)
  <div ref="editor" v-html="html">
 
  </div>
  • 插眼

版权声明:本文为madboy324原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。