vue--点击图片放大的自定义指令（低级版）

Vue.directive('showImg',{
    inserted(el){
        el.addEventListener('click',function(e){
            e.stopPropagation()
            const imgSrc = el.getAttribute('src'); //获取当前的图片链接
            let _showImg_ =  document.getElementById('__showImg__')
            if( _showImg_){
                _showImg_.style.display = 'flex';
                const childImg =  _showImg_.childNodes[0]
                childImg.setAttribute('src',imgSrc)
            }else{
                _showImg_ =  document.createElement('div');
                const body = document.body
                _showImg_.innerHTML = `<img src="${imgSrc}" style="max- 100%;" />`
                _showImg_.setAttribute('id','__showImg__');
                _showImg_.setAttribute('style','display: flex;justify-content: center;align-items:center;position:fixed;z-index:1000;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);');
                body.appendChild(_showImg_);

                _showImg_.addEventListener('click',function(e){
                    e.stopPropagation();
                    this.style.display = 'none'
                })
            }
        })
    }
})