vue取ueditor内容第一张图做封面，无图使用默认图做封面

一、获取第一张图片

获取ueditor内容，并获取第一张图片url

let editHtml = window.myEditor.getContent() 　　　　 let cover = this.getFirstImg(editHtml)   getFirstImg (html) {    var a = html    var arrimg = []    a.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {      arrimg.push(capture)    })    if (arrimg != null && arrimg.length > 0) {      return arrimg[0]    } else {      return ''    }  }  

二、图片显示

 <img :src="item.cover" :onerror='placeholdImg' class="card-img">   data () {
　　return { 　　　　placeholdImg: 'this.src="' + require('../assets/images/img_placehold.png') + '"' 　　} }
  onerror事件，当图片加载失败时，原本会显示一个裂开的图标，现在改成自己默认的图片                                

标签：ueditor,封面,return,capture,getFirstImg,第一张,vue,arrimg,图片
来源： https://www.cnblogs.com/chirm7/p/12979713.html