我的应用场景:从一大串字符串中识别出所有的图片链接,并替换为img标签,替换代码如下图所示:注意图中的那个class="csreplyFAQ",后面会用到(因为这里需要遍历,又懒得用动态id,所以用class,实际操作建议用id)。确保页面中已经插入了字符串类型的html,下面写一个方法,将a标签绑定到事件上,直接上代码,不难理解reBindImgs(){this.$nextTick(()=>{letdom=document.getElementsByClassName('csreplyFAQ')if(dom.length){letarrDom=Array.from(newSet(dom))arrDom.forEach(element=>{element.addEventListener('点击',this.showImgList)});}})},插入html片段后需要执行该方法。需要注意的是addEventListener方法中的第二个参数是一个函数,可以直接在参数中写一个方法;也可以在Vue方法中调用方法,但是被调用的方法不能传参,默认参数为MouseEvent。
