1. Estructura de dom
<rich-text class="" :nodes="audio.voiceContent" @itemclick="perview"></rich-text>
2. Haga clic en evento
perview(){
console.log(this.arrImgList)
uni.previewImage({
current:this.arrImgList.length,
urls:this.arrImgList,
})
},
3. Obtenga los datos del campo de texto enriquecido de la siguiente manera
this.content = res.data.voiceContent.match(/<img[^>]+>/g);
var arrImg = []
for(var j=0;j<this.content.length;j++){
this.content[j].replace(/<img[^>]*src=['"]([^'"]+)[^>]*>/gi,function(match,capture){
console.log(match,capture)
arrImg.push(capture)
console.log(arrImg)
})
}
this.arrImgList = arrImg
uni.previewImage({
current:arrImg,
urls:arrImg,
})
this.audio = res.data