时间戳

首页 > 解决方案 > 为什么Element null vue js

javascript - 为什么Element null vue js

问题描述

有人可以解释为什么会出现这个console.log输出null以及我该如何解决它？

    <template v-for="day in getMonthLength()" >

      <td >
        <input :id="day" type=number :value="dataa.value">
      </td>
     

      <td  v-if="getLastTd(day)"> <input type=number></td>
    </template>

……

getLastTd(day) {
console.log(document.getElementById(day));
}

标签： javascriptvue.js

解决方案

几点建议：

  • 理想情况下，在 Vue 中访问您使用 refs 的元素：https ://v3.vuejs.org/guide/component-template-refs.html

  • 元素是null因为你有一个v-if并且它没有导致true因此元素没有显示。

  • v-if需要解析为布尔值。例子v-if="person.age > 18"

  • 我猜上面是“测试代码”。如果您只是想运行一个函数，将它绑定到 click 事件而不是v-if. 例子<button @click="getLastTd(day)">...

推荐阅读