日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

v-html解析出的圖片添加點(diǎn)擊事件,并獲取圖片url

作者:愛吃燒鴨蛋的葉安 更新時(shí)間: 2022-11-09 編程語(yǔ)言

實(shí)現(xiàn)效果:點(diǎn)擊解析出的圖片并預(yù)覽,通過(guò) e v e n t 獲 取 事 件 , event獲取事件, eventevent.target.currentSrc為base64的圖片地址

<div @click="previewImg($event)"  v-html="item.answerBody"></div>
<Modal v-model="isShowImg" title="預(yù)覽圖片">
      <img :src="currImgUrl" alt="" style="width:100%">
      <div slot="footer"></div>
    </Modal>
export default {
	data(){
		return{
			currImgUrl: '',
      		isShowImg: false
		}
	}
},
methods:{
	// 預(yù)覽解析的圖片  $event.target.currentSrc為base64的圖片地址
    previewImg($event) {
      if ($event.target.currentSrc) {
        this.currImgUrl = $event.target.currentSrc
        this.isShowImg = true
      }
    },
}

原文鏈接:https://blog.csdn.net/c_qianxia5040/article/details/109801501

欄目分類
最近更新