如何在vue 2中获取DOM元素？

Question

在Vue2中，这样的模板中有一些html

NUMBER

和一个名为getStyle的方法

VARCHAR2

如何获取当前的本地TD dom元素？

谢谢

Answer 1

我觉得您的做法是错误的。 Vue控制数据并呈现DOM。它不应尝试从DOM中获取数据，因为它已经可以控制所有数据。

如果您可以从a中获取当前d所需的信息，则可以将其传递给函数getStyle：

<td :style="getStyle(a)" v-for="a in d"></td>

并在getStyle中对其进行处理：

getStyle : function(a) {
  if (a.x === 'anything') { // the checks you need to perform...
     // calculate the style
  }
}

Answer 2

使用vue ref构造：

<td :style="getStyle" ref="myElm" v-for="a in d"></td>


render() {
    console.log(this.$refs.myElm)     
}

如果ref与v-for一起使用，则myElm将是Array。另外，它不是$refs也不是反应性的。