<rich-text @click="catchImage" :nodes="notice.text"></rich-text>
methods: {
// 点击放大预览图片函数
catchImage(e) {
console.log(e);
console.log(this.imgarr);
uni.previewImage({
current: 0,
urls: this.imgarr,
});
},
async loadNotice(option) {
const notice = await noticeDAO.getNotice(option.id)
this.notice = notice
this.notice.text = notice.text.replace(/ /g, '\xa0') // 去除空格
.replace('<img', '<img style="max-width:100%;height:auto" ') //图片自适应
// 获取所有图片
let imgarr = [];
let regex = new RegExp(/<img.*?(?:>|\/>)/gi); // 匹配所有图片
let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配src图片
let arrsImg = this.notice.text.match(regex); // obj.info 后台返回的富文本数据
for (let a = 0; a < arrsImg.length; a++) {
let srcs = arrsImg[a].match(srcReg);
imgarr.push(srcs[1])
}
this.imgarr = imgarr
}
}
在这里插入代码片