vue循环json数据，但是json数据里面有些包含三层有些包含两层，请问怎么给最后一层数据添加事件？

都是一个对象来的，比如{code:1,msg:"成功",data:{name:"随便",id:520,sex:1,age:20,u_img:{0:{img:xxxxxx},1:{img:xxxxx}}}}，这种情况在data里还有一个u_img，属于二维的，就可以在vue的data定一个参数比如this.data_img=data.u_img，这样子就可以遍历u_img里面的数据了

第一步：安装引入可用

第二步：把截取的部分用标签包起来

第三步：点击某个部分开始截图添加点击事件

第四步：编写点击事件

convert2canvas() {

            const shareContent = document.getElementsByClassName('content')[0]

            const opts = {

                useCORS: true

            }

            html2canvas(shareContent, opts).then(canvas =>{

                const imgSrc = canvas.toDataURL('image/png')

                this.canvasImg = imgSrc

            })

            setTimeout(() =>{

                this.downloadImg('全网运行态势')

            }, 2000)

        },

        downloadImg(name) {

            const a = document.createElement('a') // 生成一个a元素

            const event = new MouseEvent('click') //创建一个单击事件

            a.download = name || 'photo' // 设置图片名称

            a.href = this.canvasImg

            a.dispatchEvent(event) //触发a的点击事件

        }

Vue.js提供了一个v-on指令，可以用来添加点击事件处理器。例如，可以使用以下代码将点击事件处理器添加到文本中的某个字：<p v-on:click="yourMethod">Your Text Here</p>

---