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

學無先后,達者為師

網站首頁 編程語言 正文

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

作者:愛吃燒鴨蛋的葉安 更新時間: 2022-11-09 編程語言

實現效果:點擊解析出的圖片并預覽,通過 e v e n t 獲 取 事 件 , event獲取事件, eventevent.target.currentSrc為base64的圖片地址

<div @click="previewImg($event)"  v-html="item.answerBody"></div>
<Modal v-model="isShowImg" title="預覽圖片">
      <img :src="currImgUrl" alt="" style="width:100%">
      <div slot="footer"></div>
    </Modal>
export default {
	data(){
		return{
			currImgUrl: '',
      		isShowImg: false
		}
	}
},
methods:{
	// 預覽解析的圖片  $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

欄目分類
最近更新