通过原生DOM方法获取Vue组件后，获取组件中的data和方法

2024-07-10 16:57| 来源: 网络整理| 查看: 265

一、问题

1.使用原生的DOM方法 getElementById、getElementsByClassName获取到Vue组件后,希望调用Vue组件中方法，访问组件中的数据

二、解决方法

1.获取到DOM节点elementDom后，对于Vue组件有一个"__vue__"属性,在这个属性下面包含了整个vue组件的data和method等，使用elementDom["__vue__"].methodname、 elementDom["__vue__"].dataname即可访问Vue组件中的方法和数据。

2.代码如下：

访问MakeImage组件中的handlePrint方法

...... assessmentToImage() { let imageDom=document.getElementsByClassName("toImage"); console.log("imageDom",imageDom) for(let i=0;i

【本文地址】

公司简介

联系我们