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事件，当图片加载失败时，原本会显示一个裂开的图标，现在改成自己默认的图片